.clearfix {
zoom:1;
}

body .columns {
position:relative;
clear:both;
width:990px;
overflow:visibile;
margin:0 auto;
}

body .two_col>div:last-child {
display:inline;
float:left;
margin-right:0;
width:270px;
}

body #index .two_col>div:first-child {
width:650px;
margin-right:30px;
}

body .three_col>div {
float:left;
margin-right:30px;
width:310px;
}

.button,button {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:700;
text-align:center;
font-size:14px;
text-decoration:none;
letter-spacing:-.02em;
line-height:1em;
display:inline-block;
color:#FFF;
text-shadow:0 1px 1px rgba(0,0,0,0.4);
border:solid 1px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 rgba(0,0,0,0);
padding:.5em .75em;
}

input[type=submit].button {
margin-top:-4px;
margin-bottom:0;
}

button,.button,.button:hover,.button span,.button small {
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,0.4);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.button small {
font-size:.85em;
}

button.gray,.button.gray,button.gray.no-hover:hover,.button.gray.no-hover:hover,.resumator-button,.resumator-apply-button {
color:#54483b;
text-shadow:0 1px 1px #fff;
background:linear-gradient(top,#f3f3f10%,#dddcd7100%);
border-color:#a8a296;
}

button.gray:hover,.button.gray:hover,button.gray.no-hover:hover:hover,.button.gray.no-hover:hover:hover,.resumator-button:hover,.resumator-apply-button:hover {
background:linear-gradient(top,#f8f8f60%,#e9e8e5100%);
}

button.gray:active,.button.gray:active,button.gray.no-hover:hover:active,.button.gray.no-hover:hover:active,.resumator-button:active,.resumator-apply-button:active {
background:linear-gradient(top,#e3e3e30%,#e0e0e0100%);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #c6c4bb;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #c6c4bb;
box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #c6c4bb;
}

button.red,.button.red {
background:linear-gradient(top,#d40c000%,#a70a00100%);
border-color:#a70a00;
}

button.red:hover,.button.red:hover {
background:linear-gradient(top,#de0d000%,#c10c00100%);
}

button.red:active,.button.red:active {
background:linear-gradient(top,#cb0c000%,#cf0c00100%);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #a70a00;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #a70a00;
box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #a70a00;
}

button.red[disabled],.button.red[disabled] {
opacity:0.65;
filter:alpha(opacity=65);
background:linear-gradient(top,#de0d000%,#c10c00100%);
cursor:default;
}

button.orange,.button.orange {
background:linear-gradient(top,#db64000%,#bb4500100%);
border-color:#943805;
}

button.orange:hover,.button.orange:hover {
background:linear-gradient(top,#e569000%,#d44e00100%);
}

button.orange:active,.button.orange:active {
background:linear-gradient(top,#df52000%,#d66200100%);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #bb4500;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #bb4500;
box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #bb4500;
}

button.orange[disabled],.button.orange[disabled] {
opacity:0.65;
filter:alpha(opacity=65);
background:linear-gradient(top,#e569000%,#d44e00100%);
cursor:default;
}

button.light-green,.button.light-green {
background:linear-gradient(top,#8fc6000%,#629300100%);
border-color:#558000;
}

button.light-green:hover,.button.light-green:hover {
background:linear-gradient(top,#96d0000%,#73ac00100%);
}

button.light-green:active,.button.light-green:active {
background:linear-gradient(top,#7ab7000%,#8bc100100%);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #629300;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #629300;
box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #629300;
}

button.light-green[disabled],.button.light-green[disabled] {
opacity:0.65;
filter:alpha(opacity=65);
background:linear-gradient(top,#96d0000%,#73ac00100%);
cursor:default;
}

button.brown,.button.brown {
background:linear-gradient(top,#74614d0%,#4a3736100%);
border-color:#4A3736;
}

button.brown:hover,.button.brown:hover {
background:linear-gradient(top,#7a66510%,#594241100%);
}

button.brown:active,.button.brown:active {
background:linear-gradient(top,#5f46450%,#715e4b100%);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #4a3736;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #4a3736;
box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #4a3736;
}

button.brown[disabled],.button.brown[disabled] {
opacity:0.65;
filter:alpha(opacity=65);
background:linear-gradient(top,#7a66510%,#594241100%);
cursor:default;
}

button.purple,.button.purple {
background:linear-gradient(top,#9a6a6b0%,#69494a100%);
border-color:#503234;
}

button.purple:hover,.button.purple:hover {
background:linear-gradient(top,#9e70710%,#785355100%);
}

button.purple:active,.button.purple:active {
background:linear-gradient(top,#7e58590%,#986768100%);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #69494a;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #69494a;
box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 .3em .4em 0 #69494a;
}

button.purple[disabled],.button.purple[disabled] {
opacity:0.65;
filter:alpha(opacity=65);
background:linear-gradient(top,#9e70710%,#785355100%);
cursor:default;
}

button.clear_button,button.clear_button:hover,input.clear_button,input.clear_button:hover {
color:inherit;
background:none;
border:none;
box-shadow:none;
text-shadow:none;
font-size:inherit;
font-weight:inherit;
line-height:inherit;
display:inline;
margin:0;
padding:0;
}

ol.terms {
padding-left:25px;
}

#translation_notification .register {
margin:0 0 27px;
}

#translation_notification .register input#email {
font-size:1.5em;
width:330px;
padding:10px 10px 7px;
}

#translation_notification .register input[type*=submit] {
font-size:1.35em;
margin-top:-10px;
}

#translation_notification .success {
width:400px;
font-weight:700;
color:#609000;
}

#translation_notification .continue a {
font-size:1.5em;
}

#index section.two_col {
min-height:285px;
}

#index .intro {
width:312px!important;
margin-left:-2px;
}

#index .intro .actions a.get_started {
font-size:18px;
padding:23px;
}

#index .intro>h1 {
font-size:2.6em;
margin:10px 0 20px;
}

#index .intro>h3 {
line-height:1.6em;
font-size:18px;
color:#656565;
font-weight:400;
margin:0 0 30px;
}

#index .intro .button {
display:inline-block;
position:relative;
}

#index .intro .button a {
padding-left:25px;
padding-right:25px;
}

#index section.three_col img {
border:1px solid #EEE;
-webkit-box-shadow:0 0 5px #ddd,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 0 5px #ddd,0 0 0 rgba(0,0,0,0);
box-shadow:0 0 5px #ddd,0 0 0 rgba(0,0,0,0);
}

#index section.three_col h3 {
border:none;
margin:20px 0;
}

.courses.creator #intro #author_social {
float:right;
width:200px;
}

.courses.creator #intro #author_social .social_button {
float:left;
width:90px;
}

.courses.creator #intro h1,.courses.creator #intro h2 {
text-shadow:2px 2px 1px rgba(0,34,177,0.4);
filter:dropshadow(color=#0022b1,offx=2,offy=2,opacity=0.4);
}

.courses.creator #intro h1 {
clear:both;
color:#fff;
padding:.75em 0 .25em;
}

.courses.creator #intro h2 {
float:left;
display:block;
width:660px;
line-height:1.25em;
color:#fff;
font-weight:400;
}

.courses.creator #author_apply,.courses.creator #sign_in .green {
float:right;
font-size:1.7em;
font-family:helvetica, arial, sans-serif;
margin-right:100px;
display:block;
line-height:.65em;
border:1px solid #233eb4;
color:#fff;
text-shadow:#233eb4 1px 0 0;
-moz-box-shadow:inset 0 0 1px rgba(175,220,255,0.25);
-webkit-box-shadow:inset 0 0 1px rgba(175,220,255,0.25);
box-shadow:inset 0 0 1px #4f7aa2;
background-color:#213aa7;
background-image:linear-gradient(90deg,#213aa70%,#3966bc100%);
padding:.75em 1em;
}

.courses.creator #author_apply:hover,.courses.creator #sign_in .green:hover {
background-color:#2948c8;
background-image:linear-gradient(90deg,#2948c80%,#477fda100%);
}

.courses.creator #author_apply:active,.courses.creator #sign_in .green:active {
background-color:#A3A3A3;
-moz-box-shadow:inset 0 0 8px #213aa7;
-webkit-box-shadow:inset 0 0 8px #213aa7;
box-shadow:inset 0 0 8px #213aa7;
position:relative;
top:1px;
}

.courses.creator #author_apply span,.courses.creator #sign_in .green span {
display:block;
padding-top:15px;
font-size:.45em;
font-weight:400;
color:#c5cfff;
}

.courses.creator #sign_in {
float:right;
background:#fff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:center;
margin:-13px 20px 0 0;
padding:12px 20px 25px;
}

.courses.creator #sign_in a.green {
float:none;
display:inline;
font-size:105%;
width:auto;
margin:0;
padding:.75em 1em;
}

.courses.creator #sign_in span {
color:#333;
display:inline;
}

.courses.creator #why {
clear:both;
list-style-type:none;
width:785px;
padding-top:25px;
margin:0 auto;
}

.courses.creator #why li {
display:block;
float:left;
background:#fff;
font-size:1.3em;
width:245px;
margin-right:25px;
line-height:1.3em;
text-align:center;
font-weight:700;
}

.courses.creator #why li img {
margin-bottom:10px;
border:1px solid #aaa;
-webkit-box-shadow:0 0 10px 0 rgba(0,71,82,0.3);
-moz-box-shadow:0 0 10px 0 rgba(0,71,82,0.3);
box-shadow:0 0 10px 0 rgba(0,71,82,0.3);
}

#about_us,#jobs {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#about_us div.main,#jobs div.main {
width:700px;
margin-right:20px;
}

#about_us div.sidebar,#jobs div.sidebar {
width:220px;
}

#about_us .portraits li,#jobs .portraits li {
list-style:none;
float:left;
position:relative;
height:136px;
width:219px;
margin:0 20px 20px 0;
}

#about_us .portraits li div.hover,#jobs .portraits li div.hover {
width:100%;
height:100%;
background-color:rgba(0,0,0,0.7);
position:absolute;
top:0;
left:0;
z-index:1;
}

#about_us .portraits li div.hover h2,#about_us .portraits li div.hover h3,#jobs .portraits li div.hover h2,#jobs .portraits li div.hover h3 {
border:none;
margin:0;
padding:0;
}

#about_us .portraits li div.hover h2,#jobs .portraits li div.hover h2 {
color:#FFF;
padding:10px 0 0 10px;
}

#about_us .portraits li div.hover h3,#jobs .portraits li div.hover h3 {
font-family:Georgia, "Times New Roman", Times, serif;
padding-left:10px;
margin-top:3px;
font-weight:400;
font-style:italic;
font-size:13px;
color:#51bbeb;
}

#about_us .portraits li div.hover .links,#jobs .portraits li div.hover .links {
position:absolute;
bottom:20px;
right:14px;
}

#about_us .portraits li div.hover .links a,#jobs .portraits li div.hover .links a {
display:inline-block;
width:20px;
overflow:hidden;
white-space:nowrap;
text-indent:-9999px;
margin-left:5px;
height:16px;
}

#about_us .portraits li div.hover .links a.twitter,#jobs .portraits li div.hover .links a.twitter {
background:url(/assets/icons/twitter-icon-1bd0a853ce1e5c476d54c92365ec261d.png) no-repeat 0 0;
}

#about_us .portraits li div.hover .links a.dribbble,#jobs .portraits li div.hover .links a.dribbble {
background:url(/assets/icons/dribbble-icon-6a9ae41eda610ad8e485fd3458f968b0.png) no-repeat 0 0;
}

#about_us .portraits li div.hover .links a.github,#jobs .portraits li div.hover .links a.github {
width:26px;
height:17px;
background:url(/assets/icons/github-icon-82987a8424aadae3d5f2d3c6391de161.png) no-repeat 0 0;
}

#about_us .portraits li div.hover .links a.github:hover,#jobs .portraits li div.hover .links a.github:hover {
background-position:0 -17px;
}

#about_us .portraits li div.hover .links a.linkedin,#jobs .portraits li div.hover .links a.linkedin {
background:url(/assets/icons/linked-in-icon-c06d54a95c2205f42db8221005d5c1c0.png) no-repeat 0 0;
}

#about_us .portraits li div.hover .links a:hover,#jobs .portraits li div.hover .links a:hover {
background-position:0 -16px;
}

#about_us .blog li.post p,#jobs .blog li.post p {
line-height:1.35em;
}

#about_us .blog li.post a,#jobs .blog li.post a {
font-weight:500;
}

#about_us h2,#jobs h2 {
font-size:16px;
font-weight:900;
padding-bottom:5px;
margin-bottom:15px;
border-bottom:1px solid #eee;
}

#about_us p,#jobs p {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:13px;
}

#about_us .mission,#jobs .mission {
margin:25px 0 40px;
}

#about_us .mission p,#jobs .mission p {
font-size:16px;
font-style:italic;
font-weight:500;
line-height:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
}

#about_us .investors h2,#jobs .investors h2 {
border:none;
padding-bottom:0;
}

#about_us .press,#jobs .press {
border-bottom:1px solid #eee;
margin-bottom:40px;
}

#about_us .press ul,#jobs .press ul {
margin:25px;
}

#about_us .press li,#jobs .press li {
display:inline;
list-style:none;
margin:0 15px;
}

#jobs .sidebar>div li {
margin-bottom:15px;
margin-left:5px;
font-size:10px;
}

#jobs .sidebar>div li span {
font-size:13px;
line-height:1.3em;
margin-left:-5px;
}

#jobs .sidebar .developers li {
margin-bottom:6px;
}

#jobs .location {
width:100%;
padding-bottom:10px;
border-bottom:1px solid #eee;
margin:10px 0 20px;
}

#jobs .location .map {
width:219px;
margin-right:20px;
}

#jobs .location .description {
width:451px;
}

#jobs .location .description p.walk-score span.stations {
display:inline-block;
background:url(/assets/office/subways-237464276ea35535e3210e959fd41791.png);
width:221px;
height:16px;
margin-right:10px;
}

#jobs .positions h2 {
font-size:20px;
padding-bottom:20px;
}

#resumator-wrapper #resumator-jobs .resumator-job {
border-top:1px solid #DDD;
padding:10px 0;
}

#resumator-wrapper #resumator-jobs .resumator-job-title {
border:none;
margin:0;
padding:0;
}

#resumator-wrapper #resumator-jobs .resumator-job-link,#resumator-wrapper #resumator-jobs input {
background:none;
border:none;
box-shadow:none;
text-shadow:none;
font-size:inherit;
line-height:inherit;
display:inline;
color:#08c;
font-weight:700;
margin:0;
padding:0;
}

html[lang=ar] {
direction:rtl;
}

h1.logo {
font-family:Lobster,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:400;
}

#content .stay_in_touch input[type*=text] {
width:175px;
padding:7px 5px;
}

#content .stay_in_touch ul li {
list-style:none;
display:inline-block;
}

#content #sidebar .divider,#content .sidebar .divider {
padding-bottom:7px;
}

#content #sidebar div.achievements,#content #sidebar div.streak_box,#content #sidebar div.point_box,#content .sidebar div.achievements,#content .sidebar div.streak_box,#content .sidebar div.point_box {
float:left;
margin-bottom:20px;
width:100%;
}

#content #sidebar div.achievements,#content .sidebar div.achievements {
position:relative;
top:12px;
}

#content #sidebar div.streak_box,#content .sidebar div.streak_box {
width:48%;
height:60px;
margin-bottom:5px;
}

#content #sidebar div.point_box,#content .sidebar div.point_box {
width:31%;
height:60px;
}

#content #sidebar .points_block,#content .sidebar .points_block {
position:relative;
top:8px;
float:left;
width:100%;
}

#content #sidebar .streak_label,#content .sidebar .streak_label {
color:#999;
position:relative;
bottom:5px;
font-size:13px;
}

#content #sidebar .points_label,#content .sidebar .points_label {
color:#999;
font-size:15px;
position:relative;
bottom:-5px;
}

#content #sidebar .streak_alert,#content .sidebar .streak_alert {
margin-bottom:15px;
text-align:center;
font-size:13px;
}

#content #sidebar .day_label,#content .sidebar .day_label {
display:inline-block;
font-size:19px;
position:relative;
right:5px;
}

#footer {
clear:both;
color:#999;
padding-top:60px;
height:60px;
}

#footer>div {
border-top:1px solid #eee;
padding:30px 0;
}

#footer ul {
text-align:center;
margin:0;
padding:0;
}

#footer li {
list-style:none;
display:inline;
margin:0 5px;
}

#header {
position:relative;
z-index:2;
margin-bottom:20px;
-moz-box-shadow:0 0 20px #ddd;
-webkit-box-shadow:0 0 20px #ddd;
box-shadow:0 0 20px #ddd;
font-size:.92em;
background:url(/assets/header_noise-97451ab0be0fbbda363b876ed2062442.png) bottom left #000;
height:55px;
border-top:1px solid #111;
text-shadow:1px 2px 0 #111;
}

#header a {
color:#EEE;
text-decoration:none;
}

#header h1 {
font-size:1.55em;
margin:0;
padding:10px 0;
}

#header h1 a {
font-family:Lobster,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:400;
line-height:30px;
}

#header nav {
float:right;
margin-top:0;
border-left:1px solid #111;
}

#header nav li span {
color:#BBB;
}

#header nav li {
display:block;
float:left;
}

#header h1 a:active {
line-height:31px;
}

#header nav li.nav_item {
border-right:1px solid #444;
}

#header nav li.nav_item:first-child a {
border-left:1px solid #444;
}

#header nav li.nav_item a {
height:54px;
border-right:1px solid #111;
display:block;
font-size:16px;
line-height:54px;
padding:0 25px;
}

#header nav li.nav_item a:hover {
background:url(/assets/lighten_hover-46a964a31d941fc938c961bbca69229b.png);
color:#fff;
line-height:52px;
transition:all .5s linear;
}

#header nav li.nav_item a:active {
background:url(/assets/darken_hover-566f3af1d310f8c32a3b5fcb213f3ad4.png);
line-height:54px;
}

li.codertag {
padding-left:15px;
height:54px;
}

li.codertag a#codertag:hover {
background:url(/assets/lighten_hover-46a964a31d941fc938c961bbca69229b.png);
color:#fff;
}

li.codertag a#codertag:active {
background:url(/assets/darken_hover-566f3af1d310f8c32a3b5fcb213f3ad4.png);
color:#fff;
margin-top:5px;
-webkit-box-shadow:0 1px 0 0 #444;
-moz-box-shadow:0 1px 0 0 #444;
box-shadow:0 1px 0 0 #444;
}

#codertag {
display:block;
margin-top:4px;
border:1px solid #111;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
height:29px;
-webkit-box-shadow:0 1px 0 0 #444, inset 0 1px 0 0 #444;
-moz-box-shadow:0 1px 0 0 #444, inset 0 1px 0 0 #444;
box-shadow:0 1px 0 0 #444, inset 0 1px 0 0 #444;
overflow:visible;
padding:7px;
}

#codertag img {
width:29px;
height:29px;
float:left;
margin-right:10px;
border:1px solid #111;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 0 0 #444, inset 0 1px 0 0 #444;
-moz-box-shadow:0 1px 0 0 #444, inset 0 1px 0 0 #444;
box-shadow:0 1px 0 0 #444, inset 0 1px 0 0 #444;
}

#codertag h2 {
line-height:.92em;
padding-bottom:2px;
font-size:100%;
color:#FFF;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin:1px 0 0;
}

#codertag span {
font-weight:400;
font-size:10px;
}

#codertag .score {
font-weight:700;
margin-right:4px;
}

#codertag .exercises {
background:url(/assets/icn_book-a2a6f030a6591240a99b6ac385fbf24b.png) 0 1px no-repeat;
padding-left:12px;
}

#codertag .achievements {
background:url(/assets/icn_trophy-637bb2df7e5ca7752ed6ebe31d8daa9a.png) 0 2px no-repeat;
margin-left:3px;
padding-left:14px;
}

#header nav li .sign_out,#header nav li .sign_in,#header nav li .sign_up {
color:#aaa;
font-weight:400;
font-size:.9em;
line-height:55px;
padding-left:20px;
}

#header nav li .sign_out:hover,#header nav li .sign_in:hover,#header nav li .sign_up:hover {
color:#ddd;
}

#header nav li .sign_out:active,#header nav li .sign_in:active,#header nav li .sign_up:active {
line-height:56px;
}

#update_ie_message ul.browsers {
margin-bottom:30px;
}

#update_ie_message ul.browsers li {
display:inline;
margin-right:10px;
}

body {
-webkit-font-smoothing:antialiased;
height:100%;
margin:0;
padding:0;
}

a {
text-decoration:none;
font-weight:700;
}

a:hover {
text-decoration:none;
}

h1,h2,h3 {
line-height:1em;
color:#454545;
}

h1 {
margin-bottom:30px;
font-size:3em;
}

h2 {
margin-bottom:20px;
font-size:2em;
}

h3 {
margin-bottom:20px;
font-size:1.5em;
}

p {
margin-bottom:20px;
color:#333;
}

ul.list li {
list-style:disc;
margin-left:20px;
}

h3.divider {
border-bottom:1px solid #DDD;
padding:0 0 5px;
}

.count {
background:#DDD;
display:inline-block;
font-weight:700;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:4px 8px 5px;
}

td {
vertical-align:middle;
padding:0 10px 4px 0;
}

td:last-child {
padding-right:0;
}

input[type*=file] {
margin:.5em 0;
}

input[type*=submit].edit,input[type*=submit].remove,input[type*=submit].view {
height:22px;
color:#777;
background-repeat:no-repeat;
background-position:0 0;
padding:0 5px;
}

input[type*=submit].edit,input[type*=submit].remove {
text-indent:-99999px;
width:22px;
padding:0;
}

input[type*=submit].edit {
background-image:url(/assets/icons/edit-button-sprite-22x22-28ed0ad189e4764aae841ba4c6a2ed7a.png);
}

input[type*=submit].remove {
background-color:#F0F0EE;
background-image:url(/assets/icons/remove-button-sprite-22x22-f006518ded9c43f9157517d01c36fb0f.png);
}

input[type*=submit].remove:hover,input[type*=submit].edit:hover {
background-position:0 -22px;
cursor:pointer;
}

input[disabled].remove:hover,input[disabled].edit:hover {
background-position:0 0;
cursor:default;
}

.ui-sortable>li {
background-image:url(/assets/icons/draggable-bd0142017092691a2ef45ec98a2e3342.png);
background-repeat:no-repeat;
background-position:5px 50%;
}

.glow {
-webkit-box-shadow:0 0 8px ivory,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 0 8px ivory,0 0 0 rgba(0,0,0,0);
box-shadow:0 0 8px ivory,0 0 0 rgba(0,0,0,0);
}

ul.providers {
margin:0 0 20px;
padding:0;
}

ul.providers li {
max-width:200px;
list-style:none;
background-repeat:no-repeat;
background-position:0 0;
height:32px;
margin:0 0 5px;
padding:0 0 0 40px;
}

ul.providers li span {
display:inline-block;
padding-top:6px;
margin-right:20px;
font-weight:700;
}

ul.providers li.facebook {
background-image:url(/assets/social_media/facebook-32x32-5853c987f7c9c5b719d5cfd4fa598cdd.png);
}

ul.providers li.twitter {
background-image:url(/assets/social_media/twitter-32x32-f39a922f0e1ae04b9033951c5e6573a9.png);
}

.social_button a.email {
display:block;
border:1px solid #9ACD32;
background:#EEE;
color:#7B8D65;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-weight:400;
margin-right:10px;
font-size:.95em;
padding:2px 5px;
}

.markdown .item h5 {
color:#888;
font-weight:400;
}

.markdown .item {
width:50%;
}

.markdown .item pre {
color:#333;
font-size:95%;
background:#FFF;
margin-bottom:20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:10px;
}

#user_badge,#sidebar>div#user_badge {
width:auto;
float:right;
}

#user_badge>div,#sidebar>div#user_badge>div {
background:#EFEFEF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
float:left;
padding:8px;
}

#user_badge>div img,#user_badge>div .score,#user_badge>div .exercise_count,#user_badge>div .achievement_count,#sidebar>div#user_badge>div img,#sidebar>div#user_badge>div .score,#sidebar>div#user_badge>div .exercise_count,#sidebar>div#user_badge>div .achievement_count {
float:left;
color:#444;
position:relative;
display:inline-block;
font-weight:700;
margin:0;
padding:0;
}

#user_badge>div img,#sidebar>div#user_badge>div img {
margin-right:10px;
width:50px;
height:50px;
}

#user_badge>div span.score,#sidebar>div#user_badge>div span.score {
font-size:2.5em;
margin-top:4px;
}

#user_badge>div .exercise_count,#user_badge>div .achievement_count,#sidebar>div#user_badge>div .exercise_count,#sidebar>div#user_badge>div .achievement_count {
background:url(/assets/icons/book-daed199e2f679cf09a96ad1ebbdb266f.png) no-repeat 0 1px;
padding:0 0 5px 18px;
}

#user_badge>div .exercise_count span.name,#user_badge>div .achievement_count span.name,#sidebar>div#user_badge>div .exercise_count span.name,#sidebar>div#user_badge>div .achievement_count span.name {
left:-30px;
}

#user_badge>div .achievement_count,#sidebar>div#user_badge>div .achievement_count {
background:url(/assets/icons/achievement_count-63255a3afc98e1b094a9492a806850bc.png) no-repeat 0 1px;
}

#user_badge>div span.name,#sidebar>div#user_badge>div span.name {
z-index:100;
display:none;
position:absolute;
font-size:14px;
}

.gray-gradient {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d',endColorstr='#000000',GradientType=0);
background:linear-gradient(top,#45484d0%,#000100%);
}

.triangle-isosceles {
position:relative;
color:#FFF;
font-weight:400;
line-height:1.3em;
background-color:#444;
font-family:"trebuchet ms", arial, sans-serif;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:1em 0 3em;
padding:6px;
}

.arrow-list li:first-child a {
padding-left:10px;
border-left:1px solid #ddd;
}

.arrow-list li:first-child a p.blurb {
left:0;
}

.arrow-list li:first-child a p.blurb:after {
left:15px;
}

.arrow-list li:nth-child(2) a p.blurb {
left:-20px;
}

.arrow-list li:nth-child(2) a p.blurb:after {
left:42px;
}

.arrow-list li:after {
position:absolute;
top:0;
right:-14px;
z-index:1;
content:"";
display:block;
width:0;
height:0;
border-top:14px solid transparent;
border-bottom:14px solid transparent;
border-left:14px solid #ddd;
}

.arrow-list li {
position:relative;
list-style:none;
float:left;
}

.arrow-list li a {
display:block;
background-color:#EEE;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
position:relative;
padding:5px 5px 4px 18px;
}

.arrow-list li a p.blurb {
display:none;
top:25px;
text-align:center;
left:-45px;
width:120px;
position:absolute;
z-index:3;
}

.arrow-list li a:hover,.arrow-list li a.current {
color:#454545;
background-color:#F0F8FF;
}

.arrow-list li a:after {
position:absolute;
top:0;
right:-12px;
z-index:2;
content:"";
display:block;
width:0;
height:0;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-left:13px solid #eee;
}

.tab_block ul.tabs,.js-tabs ul.tabs {
float:left;
width:100%;
border-bottom:1px solid #C6C6C6;
margin-bottom:20px;
}

.triangle-isosceles:after {
content:"";
display:block;
position:absolute;
top:-10px;
margin-left:-10px;
left:50%;
width:0;
border-color:#444 transparent;
border-style:solid;
border-width:0 10px 10px;
}

.cb-enable,.cb-disable,.cb-enable span,.cb-disable span,.cb-enable a,.cb-disable a {
background:url(/assets/icons/switch-0491cb9dae82db5e6278c76243f7c41c.gif) repeat-x;
display:block;
float:left;
}

.cb-enable span,.cb-disable span,.cb-enable a,.cb-disable a {
line-height:30px;
display:block;
background-repeat:no-repeat;
font-weight:700;
}

.cb-enable span,.cb-enable a {
background-position:left -90px;
padding:0 10px;
}

.cb-disable span,.cb-disable a,.cb-enable span,.cb-enable a {
border-right:1px solid #bebebe;
padding:0 10px;
}

.cb-disable:last-child span,.cb-disable:last-child a {
background-position:right -180px;
border-right:none;
}

.cb-disable.selected {
background-position:0 -30px;
}

.cb-disable.selected span,.cb-disable.selected a {
background-position:right -210px;
color:#fff;
}

.cb-enable.selected {
background-position:0 -60px;
}

.cb-enable.selected span,.cb-enable.selected a {
background-position:left -150px;
color:#fff;
}

.field.switch {
float:right;
clear:right;
position:relative;
top:20px;
margin:0;
}

.field.switch label {
float:left;
background:url(/assets/icons/switch-0491cb9dae82db5e6278c76243f7c41c.gif) repeat-x;
border-right:solid 1px #CCC;
font-weight:700;
text-shadow:0 1px 1px #FFF;
padding:5px 8px;
}

.field.switch label:first-child {
border-left:solid 1px #CCC;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
}

.field.switch label.selected {
background-position:left -30px;
color:#FFF;
text-shadow:0 1px 2px #555;
}

div.tabbed-radio ul.tabbed-radio-tabs,form.tabbed-radio ul.tabbed-radio-tabs {
position:relative;
margin-bottom:16px;
}

div.tabbed-radio ul.tabbed-radio-tabs li.selected,div.tabbed-radio ul.tabbed-radio-tabs li.selected:hover,form.tabbed-radio ul.tabbed-radio-tabs li.selected,form.tabbed-radio ul.tabbed-radio-tabs li.selected:hover {
background:linear-gradient(top,#79bef000%,#017fd690%100%);
}

div.tabbed-radio ul.tabbed-radio-tabs li.selected label,div.tabbed-radio ul.tabbed-radio-tabs li.selected:hover label,form.tabbed-radio ul.tabbed-radio-tabs li.selected label,form.tabbed-radio ul.tabbed-radio-tabs li.selected:hover label {
box-shadow:inset 0 6px 10px rgba(20,20,20,0.2);
}

div.tabbed-radio ul.tabbed-radio-tabs li:hover,form.tabbed-radio ul.tabbed-radio-tabs li:hover {
background-image:0;
}

div.tabbed-radio ul.tabbed-radio-tabs li,form.tabbed-radio ul.tabbed-radio-tabs li {
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
width:48%;
display:inline-block;
background:transparent;
padding:3px;
}

div.tabbed-radio ul.tabbed-radio-tabs li label,form.tabbed-radio ul.tabbed-radio-tabs li label {
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
text-align:center;
display:block;
height:100%;
background:#FFF;
box-shadow:0 1px 2px rgba(20,20,20,0.5);
border-color:#79BEF0 #79BEF0 #017FD6;
margin:0;
padding:10px;
}

div.tabbed-radio ul.tabbed-radio-tabs li label span.name,form.tabbed-radio ul.tabbed-radio-tabs li label span.name {
font-size:125%;
line-height:1.5em;
font-weight:700;
color:#444;
}

div.tabbed-radio ul.tabbed-radio-tabs li input,form.tabbed-radio ul.tabbed-radio-tabs li input {
position:absolute;
left:-9999px;
}

div.tabbed-radio .tabbed-radio-description,form.tabbed-radio .tabbed-radio-description {
width:100%;
float:left;
margin-bottom:15px;
position:relative;
}

div.tabbed-radio .tabbed-radio-description .arrow,form.tabbed-radio .tabbed-radio-description .arrow {
position:absolute;
left:45px;
top:-20px;
}

div.tabbed-radio .tabbed-radio-description .arrow_body,div.tabbed-radio .tabbed-radio-description .arrow_border,form.tabbed-radio .tabbed-radio-description .arrow_body,form.tabbed-radio .tabbed-radio-description .arrow_border {
height:0;
width:0;
position:absolute;
border-color:transparent transparent #999;
border-style:solid;
border-width:10px;
}

div.tabbed-radio .tabbed-radio-description .arrow_border,form.tabbed-radio .tabbed-radio-description .arrow_border {
top:1px;
border-color:transparent transparent #F0F8FF;
}

div.tabbed-radio .tabbed-radio-description ul,form.tabbed-radio .tabbed-radio-description ul {
border-top:1px solid #999;
list-style:none;
background:#F0F8FF;
}

div.tabbed-radio .tabbed-radio-description ul li,form.tabbed-radio .tabbed-radio-description ul li {
width:auto;
display:none;
padding:10px;
}

.popover hr {
margin:5px 0;
}

#container {
min-height:500px;
}

#throbber,#forum-throbber {
height:32px;
width:100%;
background-repeat:no-repeat;
background-position:50% 50%;
background-image:url(/assets/ajax-loader-large.gif);
float:left;
}

.sortable-placeholder {
visibility:hidden;
}

.noUiSlider {
width:400px;
border:1px solid #CCC;
height:8px;
background:#EEE;
}

.noUi-midBar {
height:8px;
z-index:0;
background-color:#39c;
}

.noUi-handle>div {
z-index:5;
width:16px;
height:16px;
position:absolute;
top:-5px;
left:-8px;
border:1px solid #CCC;
background:#EEE;
}

.noUi-handle>div:hover,.noUi-activeHandle {
background:#adcbe1!important;
border-color:#2673AB!important;
}

.autocomplete_item {
padding:5px;
}

.autocomplete_selected {
background:#DDD;
font-weight:700;
}

.autocomplete_results {
position:absolute;
width:100%;
z-index:1;
background:#EEE;
list-style:none;
overflow:none;
border:1px solid #DDD;
font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size:1.1em;
border-bottom-left-radius:7px;
-webkit-border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
padding:1px;
}

#overlay {
display:none;
width:100%;
height:100%;
z-index:101;
background:rgba(0,0,0,0.4);
position:fixed;
top:0;
left:0;
overflow:hidden;
margin:0;
padding:0;
}

#overlay>div {
z-index:102;
background:#FFF;
width:500px;
position:relative;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:90px auto 0;
padding:20px;
}

#overlay>div div#intro-container {
width:100%;
height:80%;
margin-bottom:10px;
overflow:auto;
}

#overlay>div div#intro-title {
width:100%;
height:12%;
}

#overlay>div div#intro-nav {
width:100%;
height:8%;
}

#overlay>div>a.close {
position:absolute;
top:0;
right:0;
font-size:24px;
margin:5px 10px;
}

#overlay>div .action {
margin:20px auto 0;
}

#overlay>div .action td {
vertical-align:top;
}

#overlay>div a.close:hover {
background-position:0 -32px;
cursor:pointer;
}

#overlay div.close {
z-index:101;
position:absolute;
background:transparent;
height:100%;
width:100%;
top:0;
right:0;
left:0;
margin:0;
padding:0;
}

#overlay .overlay-modal .overlay-footer {
border:0;
background-color:#FFF;
margin:20px 0 0;
padding:0;
}

#flash>div,#error_explanation {
clear:both;
margin:0 0 20px;
padding:10px 20px;
}

#error_explanation,#flash_alert,#flash_error,#flash .error p,#run-error {
border:2px solid #ddd;
background:#fbe3e4;
color:#8b0000;
border-color:#fbc2c4;
padding:.8em;
}

#error_explanation ul li,#flash_alert ul li,#flash_error ul li,#flash .error p ul li,#run-error ul li {
color:#8a1f11;
}

#flash_info {
background-color:#CFC;
color:green;
border:solid 2px #6C6;
}

#flash_notice {
background-color:#fffacd;
color:#b8860b;
border:solid 2px #ffd700;
}

#notices .notice .achievements {
height:40px;
margin-bottom:0;
margin-top:0;
}

#notices .notice .achievements .badge {
width:40px;
height:40px;
}

#notices .notice .achievements .badge span.name {
top:40px;
left:-40px;
}

#notices .notice .achievements .badge:last-child {
margin-right:15px;
}

#notices .notice .achievements h3 {
margin-top:8px;
}

#hiring_notice {
background:#F0F8FF;
color:#777;
font-size:130%;
text-align:center;
height:22px;
margin:0;
padding:8px 0 10px;
}

#hiring_notice>div {
width:550px;
margin:0 auto;
}

#registration_wall h3 {
line-height:1.35em;
margin:20px 0 30px;
}

.banner {
display:none;
width:100%;
background-color:#FCFBE3;
border-bottom:solid 2px #FCEBC2;
margin:-20px 0 10px;
}

.banner h4 {
font-size:15px;
}

.banner>.notice {
position:relative;
clear:both;
width:990px;
float:none;
border-bottom:none;
margin:0 auto;
padding:8px 0;
}

.banner>.notice a.close {
position:relative;
margin-top:-2px;
width:auto;
height:auto;
font-size:24px;
background:none;
}

.inline_editable {
position:relative;
clear:both;
}

.inline_editable.editing input.section-details-edit,.inline_editable.editing textarea.section-details-edit {
width:560px;
}

.inline_edit_content:hover {
background:#FF0;
cursor:pointer;
}

.inline_edit_loader {
display:inline-block;
background:url(/assets/ajax-loader-93335461108995f866c2a589a954c64f.gif) no-repeat 10px 0;
width:16px;
height:16px;
margin-top:0;
padding-left:10px;
}

.inline_edit_form {
display:none;
margin:0;
}

.inline_edit_form textarea {
resize:vertical;
}

.inline_edit_form input {
height:auto;
}

.inline_edit_form .form_actions input {
margin-top:0;
margin-bottom:0;
}

li.course,li.section {
display:inline-block;
width:100%;
list-style:none;
border-top:1px solid #DDD;
position:relative;
padding:10px 0;
}

li.course .summary,li.course .status,li.section .summary,li.section .status {
float:right;
width:70%;
}

li.course .summary,li.section .summary {
float:left;
margin-bottom:5px;
}

li.course .status,li.section .status {
width:30%;
text-align:right;
}

li.course .status .percentage,li.course .status .complete,li.section .status .percentage,li.section .status .complete {
line-height:1em;
text-align:right;
display:block;
}

li.course .status .percentage,li.section .status .percentage {
font-size:1.3em;
font-weight:700;
padding:6px 3px;
}

li.course .status>div.progress,li.section .status>div.progress {
margin-top:10px;
float:right;
background:#EEE;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

li.course .updated_at,li.section .updated_at {
text-align:right;
float:right;
color:#999;
}

li.course .stats,li.section .stats {
float:left;
clear:left;
color:#999;
}

li.course .stats .count,li.section .stats .count {
color:#454545;
margin:0;
padding:1px 7px 2px;
}

li.course .stats>div,li.section .stats>div {
display:inline-block;
margin-right:10px;
}

.new_course small,.new_lesson small {
font-style:italic;
font-size:1em;
}

.new_course td:first-child,.new_lesson td:first-child {
width:200px;
padding-right:40px;
}

.new_course input[type*=text],.new_lesson input[type*=text] {
width:250px;
}

.new_course select,.new_lesson select {
width:260px;
}

.new_course .name input,.new_course textarea,.new_lesson .name input,.new_lesson textarea {
width:490px;
}

.new_course textarea,.new_lesson textarea {
height:60px;
}

.users .edit_form td {
padding:10px;
}

.users .edit_form input#user_password {
margin-bottom:8px;
}

.editor,.editor .scratch {
background:#FFF;
position:relative!important;
width:100%;
margin-bottom:42px;
height:280px;
border:1px solid #CCC;
font-size:14px!important;
}

.editor .ace_gutter .ace_layer,.editor .scratch .ace_gutter .ace_layer {
min-width:41px;
}

.editor .ace_gutter,.editor .scratch .ace_gutter {
z-index:100!important;
}

.editor .actions,.editor .scratch .actions {
text-align:right;
position:absolute;
right:11px;
bottom:10px;
}

.editor .submissions,.editor .scratch .submissions {
margin-right:10px;
display:inline;
}

.editor {
direction:ltr;
}

.editor .actions {
width:100%;
text-align:right;
position:absolute;
right:0;
bottom:-35px;
}

.editor .actions button {
padding:5px 6px;
}

.editor .submissions select {
width:110px;
height:auto;
margin:0;
}

.ace-tm span.ace_keyword {
color:#708!important;
}

.ace-tm span.ace_identifier {
color:#c42b23!important;
}

.ace-tm span.ace_comment {
color:#a50!important;
}

.ace-tm span.ace_line {
white-space:inherit;
}

.editor .CodeMirror-scroll {
height:280px;
position:relative;
overflow:auto;
border-right:none;
}

.editor .CodeMirror-gutter {
position:absolute;
left:0;
top:0;
background-color:#f7f7f7;
border-right:1px solid #eee;
min-width:2em;
height:100%;
}

.editor .CodeMirror-gutter-text {
color:#aaa;
text-align:right;
padding:.4em .2em .4em .4em;
}

.editor .CodeMirror-lines {
padding:.4em;
}

.editor .CodeMirror pre {
white-space:pre;
word-wrap:normal;
background:transparent;
margin:0;
padding:0;
}

.editor .CodeMirror-cursor {
z-index:10;
position:absolute;
visibility:hidden;
border-left:1px solid #000!important;
}

.editor .CodeMirror-focused .CodeMirror-cursor {
visibility:visible;
}

.editor span.CodeMirror-selected {
background:#ccc!important;
color:HighlightText!important;
}

.editor .CodeMirror-focused span.CodeMirror-selected {
background:Highlight!important;
}

.editor .CodeMirror-matchingbracket {
color:blue!important;
}

.editor .CodeMirror-nonmatchingbracket {
color:#f22!important;
}

span.cm-keyword {
color:#708;
}

span.cm-atom {
color:#219;
}

span.cm-number {
color:#164;
}

span.cm-def {
color:#00f;
}

span.cm-variable {
color:#c42b23;
}

span.cm-variable-2 {
color:#05a;
}

span.cm-variable-3 {
color:#0a5;
}

span.cm-comment {
color:#a50;
}

span.cm-string {
color:#646464;
}

span.cm-builtin {
color:#30a;
}

span.cm-bracket {
color:#cc7;
}

span.cm-tag {
color:#170;
}

span.cm-attribute {
color:#00c;
}

.flash-line {
background-color:#FF0;
-webkit-transition:background-color .25s ease-in;
-moz-transition:background-color .25s ease-in;
-ms-transition:background-color .25s ease-in;
-o-transition:background-color .25s ease-in;
transition:background-color .25s ease-in;
}

#exercise_name {
margin-bottom:4px;
}

#console * {
font-family:Monaco, "Courier New", monospace;
}

#console span.label {
display:none;
position:absolute;
bottom:0;
right:-28px;
height:40px;
width:80px;
z-index:100;
}

.python #console span.label {
display:block;
background:url(/assets/beta-ribbon-84012bb856ee6690f5c38b763c88858f.png) no-repeat 0 0;
}

.console {
direction:ltr;
width:100%;
position:relative;
min-height:1px;
}

.console pre.jqconsole {
overflow-y:auto;
background-color:#EEE;
border:2px solid #CCC;
margin:0;
padding:0 0 10px;
}

.console .jqconsole-cursor {
background-color:#999;
line-height:115%;
position:relative!important;
margin-right:-8px;
}

.console .jqconsole-blurred .jqconsole-cursor {
background-color:#666;
}

.console .jqconsole-prompt,.console .jqconsole-old-prompt,.console .output {
position:relative;
margin:2px 10px;
}

.console .output {
color:green;
display:block;
}

.console .log,.console .error {
display:block;
white-space:pre-line;
word-break:normal;
word-wrap:normal;
color:#444;
background:#F5F5DC;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px;
padding:10px;
}

.console .log p,.console .error p {
margin:-10px 0;
padding:0;
}

#progress {
position:absolute;
display:none;
left:30%;
right:30%;
top:47%;
height:16px;
background:#0B1014;
border-radius:10px;
opacity:0;
z-index:1;
border-color:#0D0D0D #101010 #1D1D1D;
border-style:solid;
border-width:2px 1px 1px;
padding:3px 8px 4px 3px;
}

#progress-fill {
width:0;
height:16px;
padding-left:5px;
border-radius:6px;
background-image:url(/assets/progress-0d80c2c10e143899fb9b06bbb6365b40.png),linear-gradient(top,#fa6e43,#f2220c);
}

.editor.web {
height:100%;
background:#FFF;
}

.editor.web .scratch {
height:100%;
width:100%;
}

#section #repl.web-view .actions {
margin-top:8px;
width:100%;
text-align:right;
right:0;
bottom:-32px;
}

#section #repl.web-view .actions button.run,#section #repl.web-view .actions button.reset {
margin-right:5px;
width:auto;
color:#FFF;
}

#section #repl.web-view .drag-overlay {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

#section #repl.web-view .editors-container {
height:420px;
clear:both;
border:solid 2px #CCC;
}

#section #repl.web-view .web-console {
border-radius:5px;
margin-top:13px;
background:#EEE;
min-height:20px;
padding:10px 20px;
}

code {
font-size:95%;
line-height:1.5em;
}

pre .string,pre .title,pre .constant,pre .parent,pre .tag .value,pre .rules .value,pre .rules .value .number,pre .preprocessor,pre .ruby .symbol,pre .ruby .symbol .string,pre .ruby .symbol .keyword,pre .ruby .symbol .keymethods,pre .instancevar,pre .aggregate,pre .template_tag,pre .django .variable,pre .smalltalk .class,pre .addition,pre .flow,pre .stream,pre .bash .variable,pre .apache .tag,pre .apache .cbracket,pre .tex .command,pre .tex .special,pre .erlang_repl .function_or_atom {
color:#800;
}

pre .comment,pre .annotation,pre .template_comment,pre .diff .header,pre .chunk {
color:#888;
}

pre .number,pre .date,pre .regexp,pre .literal,pre .smalltalk .symbol,pre .smalltalk .char,pre .go .constant,pre .change {
color:#080;
}

pre .label,pre .javadoc,pre .ruby .string,pre .decorator,pre .filter .argument,pre .localvars,pre .array,pre .attr_selector,pre .important,pre .pseudo,pre .pi,pre .doctype,pre .deletion,pre .envvar,pre .shebang,pre .apache .sqbracket,pre .nginx .built_in,pre .tex .formula,pre .erlang_repl .reserved,pre .input_number {
color:#88F;
}

pre .xml .css,pre .xml .javascript,pre .xml .vbscript,pre .tex .formula {
opacity:0.5;
}

#section .editor {
position:absolute;
}

#section .exercise-view {
float:left;
margin-top:15px;
}

#section .exercise-view #code #default_code .web_view .tabs li div {
display:inline-block;
position:absolute;
height:16px;
width:16px;
right:4px;
top:-1px;
background:url(/assets/close.png);
}

#section .exercise-view #code #default_code .web_view .tabs li.editing input {
display:inline-block;
margin:0 5px 0 0;
}

#section .section-view {
-webkit-transition:min-height .3s ease-in-out;
-moz-transition:min-height .3s ease-in-out;
-ms-transition:min-height .3s ease-in-out;
-o-transition:min-height .3s ease-in-out;
transition:min-height .3s ease-in-out;
}

#section .section-view section .actions {
float:right;
margin-bottom:10px;
}

#section .section-view section .actions a {
width:200px;
}

#section #exercises_view,#section #scratch_pad_view {
display:none;
position:relative;
clear:both;
width:990px;
margin:0 auto;
}

#section #section_details {
display:inline;
float:left;
margin-right:30px;
width:570px;
}

#section #exercises {
display:inline;
float:left;
margin-right:30px;
width:690px;
border:none;
margin-bottom:10px;
}

#section #classifications {
display:inline;
float:left;
margin-right:0;
width:390px;
text-align:right;
}

#section #exercise_details,#section #repl {
display:inline;
float:left;
margin-right:0;
width:630px;
}

#section #exercise_sidebar,#section #exercise_sidebar .exercises,#section #exercise_sidebar .exercises_old {
display:inline;
float:left;
margin-right:30px;
width:330px;
position:relative;
}

#section #scratch_pad_editor {
display:inline;
float:left;
margin-right:30px;
width:510px;
}

#section #scratch_pad_console {
display:inline;
float:left;
margin-right:0;
width:450px;
margin-left:-4px;
}

#section #repl #run-error {
border-radius:5px;
display:none;
overflow:hidden;
margin-bottom:10px;
padding:5px 10px;
}

#section #repl div.share-course-project a.button {
margin:10px 0 0 10px;
}

#section #repl div.share-course-project input {
width:300px;
margin:-4px 8px 0 0;
padding:6px 10px;
}

#section #edit_form #section_details {
min-height:0;
}

#section #section_details p.switch {
position:absolute;
right:0;
top:27px;
z-index:1;
}

#section #section_details p.byline {
color:#999;
margin-bottom:10px;
position:relative;
}

#section #section_details.single .breadcrumb {
margin-bottom:-3px;
}

#section #section_actions p,#section #section_actions form {
font-style:italic;
margin:0 0 8px;
}

#section #scratch_pad_editor,#section #scratch_pad_editor .scratch {
height:420px;
}

#section #correctness_test .scratch,#section #default_code .scratch {
height:150px;
}

#section #correctness_test .editor,#section #default_code .editor {
height:350px;
}

#section #scratch_pad_editor .actions {
bottom:-40px;
}

#section #scratch_pad_editor button.run {
font-size:125%;
margin-right:0;
}

#section #exercise_details #language_examples li.example label {
position:absolute;
bottom:10px;
right:10px;
color:#999;
}

#section #exercise_details #language_examples li.example code {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#efefef;
display:block;
padding:10px 20px;
}

#section #exercise_details #language_examples li.example .student-code code {
border-bottom-left-radius:0;
-webkit-border-bottom-left-radius:0;
border-bottom-right-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-bottom:1px solid #DDD;
}

#section #exercise_details #language_examples li.example .submission-code code {
border-top-left-radius:0;
-webkit-border-top-left-radius:0;
border-top-right-radius:0;
-webkit-border-top-right-radius:0;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
}

#section #exercise_sidebar .exercises_old .exercise .block {
display:none;
margin:15px 0;
}

#section #exercise_sidebar .exercises_old .name a:hover,#section #exercise_sidebar .exercises_old .active .name a {
background:#FFF9D7;
}

#section #exercise_sidebar .exercises_old .active .name a {
color:#000;
cursor:default;
}

#section #exercise_sidebar .exercises_old .hint .entry {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:none;
background:#EEE;
padding:10px;
}

#section #exercise_sidebar .exercises_old .exercise.completed .name a {
padding-left:35px;
background-image:url(/assets/icons/checkmark-48bc6f474e0b4c18b62934e041cf975c.png);
background-repeat:no-repeat;
background-position:10px 10px;
}

#section #exercise_sidebar .exercises_old .exercise {
display:block;
list-style:none;
border-bottom:1px solid #EFEFEF;
}

#section #exercise_sidebar .exercises_old .exercise .name a {
display:block;
padding:8px 10px;
}

#section #exercise_sidebar .exercises_old .exercise .entry,#section #exercise_sidebar .exercises_old .exercise .instruction,#section #exercise_sidebar .exercises_old .exercise .hint {
padding-left:10px;
padding-right:10px;
}

#section #exercise_sidebar .exercises_old .feedback form.new_feedback {
display:none;
margin-top:10px;
}

#section #exercise_sidebar .exercises_old .feedback p.anonymous_notice small {
font-size:90%;
}

#section #exercise_sidebar .exercises_old .feedback p,#section #exercise_sidebar .exercises_old .feedback form {
clear:left;
text-align:left;
margin:0;
}

#section #exercise_sidebar .exercises_old .feedback .send {
text-align:right;
display:inline-block;
float:right;
}

#section #exercise_sidebar .exercises_old .feedback textarea {
width:305px;
height:100px;
margin:10px 0 5px;
}

#section #exercise_sidebar .exercises_old .feedback select {
width:190px;
}

#section .feedback_type_title {
margin-top:5px;
margin-bottom:1px;
}

#section .feedback_send_container {
height:30px;
display:block;
margin-bottom:5px;
}

#section .feedback_flash_message {
display:none;
float:left;
margin-top:8px;
margin-bottom:5px;
}

#section #repl .tabs {
clear:both;
width:100%;
}

#section #exercises,#section #repl .tabs,#section #exercise_details .tabs {
border-bottom:1px solid #C6C6C6;
margin-bottom:15px;
}

#section #exercises li.add_exercise a,#section #exercises li.add_exercise a:hover,#section #repl .tabs li.add_exercise a,#section #repl .tabs li.add_exercise a:hover,#section #exercise_details .tabs li.add_exercise a,#section #exercise_details .tabs li.add_exercise a:hover {
cursor:pointer;
background:transparent;
border:none;
padding-left:5px;
padding-right:5px;
}

#section #exercises li,#section #repl .tabs li,#section #exercise_details .tabs li {
list-style:none;
float:left;
background-image:none;
}

#section #exercises li a,#section #exercises li span,#section #repl .tabs li a,#section #repl .tabs li span,#section #exercise_details .tabs li a,#section #exercise_details .tabs li span {
margin-right:5px;
display:inline-block;
background:#EFEFEF;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ddd;
border-bottom:none;
padding:5px 20px;
}

#section #exercises li a:hover,#section #exercises li.active a,#section #exercises li.active span,#section #exercises li span:hover,#section #repl .tabs li a:hover,#section #repl .tabs li.active a,#section #repl .tabs li.active span,#section #repl .tabs li span:hover,#section #exercise_details .tabs li a:hover,#section #exercise_details .tabs li.active a,#section #exercise_details .tabs li.active span,#section #exercise_details .tabs li span:hover {
cursor:pointer;
background-color:#FFF;
}

#section #classifications form select#section_default_view {
width:145px;
}

#section #exercises #exercise_tabs li.changed span.star {
display:inline-block;
position:absolute;
width:8px;
height:0;
background:#FFF;
color:red;
top:0;
right:0;
margin:0;
padding:0;
}

#section #exercises ul,#section #exercises p {
float:left;
margin:0;
}

#section #exercises p {
font-weight:700;
margin:5px 10px 0 0;
}

#section #exercises li a,#section #exercises li span {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-right:0;
border:none;
background:#FFF;
padding:5px 13px;
}

#section #exercises li a:hover,#section #exercises li.active a,#section #exercises li.active span,#section #exercises li span:hover {
color:#FFF;
background-color:#AAA;
}

#section #exercise_sidebar #remove_exercise {
position:absolute;
top:3px;
right:5px;
}

#section #exercise_sidebar .exercises label {
font-style:italic;
color:#aaa;
}

#section #exercise_sidebar .exercises p,#section #exercise_sidebar .exercises div {
margin-bottom:12px;
}

#section #exercise_sidebar .exercises textarea,#section #exercise_sidebar .exercises input[type*=text] {
width:300px;
margin-bottom:2px;
}

#section #exercise_sidebar .exercises .exercise ol,#section #exercise_sidebar .exercises .exercise ul {
margin:0 0 10px 20px;
}

#section #exercise_sidebar .exercises .entry textarea {
height:200px;
}

#section #exercise_sidebar .exercises .actions a {
float:left;
margin-right:10px;
padding:9px 10px 10px;
}

#section div.feedback {
text-align:right;
padding:10px 10px 0 0;
}

#section div.feedback .upvote,#section div.feedback .downvote {
text-indent:-99999px;
background-repeat:no-repeat;
background-position:top left;
width:20px;
height:20px;
opacity:0.4;
}

#section div.feedback .upvote {
background-image:url(/assets/icons/upvote-251ccd96c5f2a438a5b72f5e99316e3a.png);
}

#section div.feedback .downvote {
background-image:url(/assets/icons/downvote-e18be90f3b6012682c677cd0069a3b32.png);
}

#section p#save_notice {
position:absolute;
display:none;
bottom:-20px;
right:0;
color:green;
font-style:normal;
padding-right:22px;
background-image:url(/assets/ajax-loader-93335461108995f866c2a589a954c64f.gif);
background-repeat:no-repeat;
background-position:right 1px;
}

#section #forum {
width:100%;
float:left;
margin-top:30px;
}

#section #section_nav {
width:100%;
float:left;
-webkit-transition:min-height .3s ease-in-out;
-moz-transition:min-height .3s ease-in-out;
-ms-transition:min-height .3s ease-in-out;
-o-transition:min-height .3s ease-in-out;
transition:min-height .3s ease-in-out;
margin:10px 0;
padding:10px 0;
}

#section.edit {
margin-top:-10px;
}

#section.edit #exercise_sidebar {
border-right:1px solid #DDD;
padding-right:10px;
margin-right:9px;
}

#section.edit #section_details h2 {
margin:0 0 18px;
}

#section.edit #section_details .inline_edit_content:before {
content:url("icons/edit-18x18.png");
margin-left:-24px;
margin-right:5px;
}

#section.edit #section_details textarea.section-details-edit {
margin-bottom:13px;
}

#section.edit #section_details input.section-details-edit {
margin-bottom:21px;
font-size:24px;
height:auto;
}

#section.edit #section_nav {
width:225px;
float:right;
margin:0;
padding:0;
}

.edit_form li.section:hover {
background-color:#FFFFF0;
}

li.section .status .progress {
width:100%;
float:right;
}

li.section .status h4 {
margin-top:2px;
float:right;
}

li.section div.exercise {
float:left;
border-left:none;
}

li.section div.exercise a.completed {
background:#9ACD32;
}

li.section div.exercise a.started {
background:#f8ca00;
}

li.section div.exercise a {
background:#EEE;
border:1px solid #DDD;
border-right:none;
display:block;
position:relative;
padding:5px 0;
}

li.section div.exercise a .details {
font-weight:400;
z-index:1;
display:none;
position:absolute;
top:12px;
left:50%;
width:200px;
text-align:center;
margin-left:-104px;
}

li.section div.exercise:last-child {
margin-right:-1px;
}

li.section div.exercise:last-child a {
border-right:1px solid #ddd;
border-top-right-radius:3px;
-webkit-border-top-right-radius:3px;
border-bottom-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
}

li.section div.exercise:first-child a {
border-top-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-bottom-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
}

#style_guide ul,#style_guide ol {
margin-left:20px;
margin-bottom:20px;
}

#style_guide #classification-overview {
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
background:#EEE;
margin-bottom:20px;
padding:10px 20px 20px;
}

#style_guide #classification-overview p.example_link {
margin:0 0 5px;
}

#section #repl.web-view .editors-container iframe {
width:100%;
height:100%;
}

#feedback li {
border-bottom:1px solid #CCC;
padding:10px;
}

#feedback .actions {
width:130px;
text-align:right;
}

#feedback-pane {
position:absolute;
overflow:hidden;
width:100%;
height:215px;
top:-246px;
margin-left:-25px;
z-index:1;
background:#FFF;
-webkit-transition:top .3s ease-in-out;
-moz-transition:top .3s ease-in-out;
-ms-transition:top .3s ease-in-out;
-o-transition:top .3s ease-in-out;
transition:top .3s ease-in-out;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25),0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 3px rgba(0,0,0,0.25),0 0 0 rgba(0,0,0,0);
padding:10px 25px 0;
}

#feedback-pane.show {
top:-20px;
}

#feedback-pane a.ex-nav {
display:inline-block;
margin-top:-1px;
color:#666;
background:#eee;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:3px 5px;
}

#feedback-pane ul#filters {
width:735px;
display:inline-block;
list-style:none;
margin:0 5px 5px;
}

#feedback-pane ul#filters li {
float:left;
border-right:solid 1px #eee;
padding:2px 15px;
}

#feedback-pane .feedback-list-label {
float:left;
font-size:18px;
line-height:24px;
font-weight:700;
width:485px;
border-bottom:solid 1px #eee;
margin:0 5px;
}

#feedback-pane .feedback-list {
width:495px;
overflow-y:auto;
overflow-x:hidden;
height:155px;
}

#feedback-pane .feedback-list li {
list-style:none;
float:left;
width:480px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}

#feedback-pane .feedback-list .feedback-entry {
font-weight:700;
float:left;
width:375px;
}

#feedback-pane .feedback-list .feedback-entry span {
font-weight:400;
font-style:italic;
}

#feedback-pane .feedback-list .ftype {
font-style:italic;
float:right;
margin-right:10px;
display:none;
}

#feedback-pane.show ~ #section.edit section.section-view {
min-height:160px;
}

#feedback-pane.show ~ #section.edit #section_nav {
min-height:20px;
}

a#toggle-feedback {
display:none;
right:0;
top:-20px;
background:#FFF;
position:absolute;
z-index:5;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25),0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 2px rgba(0,0,0,0.25),0 0 0 rgba(0,0,0,0);
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-transition:top .3s ease-in-out;
-moz-transition:top .3s ease-in-out;
-ms-transition:top .3s ease-in-out;
-o-transition:top .3s ease-in-out;
transition:top .3s ease-in-out;
padding:5px 10px;
}

a#toggle-feedback.show {
top:204px;
}

a#toggle-feedback.unread {
color:#cc0e00;
}

a#toggle-feedback.unread:hover {
color:#990a00;
}

#keyboard-shortcuts {
width:95%;
background-image:none;
margin-top:10px;
color:#666;
padding-left:30px;
float:right;
}

#keyboard-shortcuts b {
font-size:.8em;
padding:0 5px 0 8px;
}

#keyboard-shortcuts .keyboard {
width:100%;
float:left;
text-align:center;
margin-bottom:5px;
}

#keyboard-shortcuts .keyboard .keyboard-toggle {
width:30%;
height:auto;
margin:0 auto;
}

#keyboard-shortcuts .keyboard .keyboard-toggle .caret {
position:relative;
top:10px;
}

#keyboard-shortcuts .keyboard .keyboard-toggle .caret.flip-vertical {
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
-ms-filter:flipv;
filter:flipv;
}

#keyboard-shortcuts .extra-shortcuts {
width:100%;
display:none;
float:left;
}

#keyboard-shortcuts .frequently-used {
width:100%;
float:left;
}

#keyboard-shortcuts .shortcut-item {
width:28%;
margin-right:5px;
display:inline;
font-size:14px;
}

#keyboard-shortcuts .shortcut-item .shortcut {
font-size:13px;
float:right;
display:inline-block;
margin-bottom:6px;
}

#keyboard-shortcuts .shortcut-item .shortcut kbd {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 1px 0 #ccc,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 0 #ccc,0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 0 #ccc,0 0 0 rgba(0,0,0,0);
min-width:1em;
font:bold .8em/1 sans-serif;
text-align:center;
text-decoration:none;
border:1px solid #ccc;
cursor:default;
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
background:#fff;
color:#999;
padding:.2em .3em;
}

#keyboard-shortcuts .shortcut-item .shortcut kbd kbd {
padding-bottom:0;
}

#default_code .editors-container .editor {
display:none;
height:400px;
}

#section.loading {
opacity:0.1;
filter:alpha(opacity=10);
}

#documentation_link {
clear:both;
float:right;
position:relative;
top:27px;
z-index:1;
}

.admin_alert {
font-style:italic;
float:left;
display:block;
margin-bottom:8px;
margin-top:-3px;
}

.current_section_editor {
position:absolute;
right:181px;
top:-34px;
width:470px;
text-align:right;
margin-right:5px;
color:red;
}

.preview-console {
-webkit-transition:bottom .3s ease-in-out;
-moz-transition:bottom .3s ease-in-out;
-ms-transition:bottom .3s ease-in-out;
-o-transition:bottom .3s ease-in-out;
transition:bottom .3s ease-in-out;
position:fixed;
bottom:0;
height:100px;
width:100%;
z-index:99999;
}

.preview-console .control {
position:absolute;
display:inline-block;
right:5px;
top:5px;
height:32px;
width:32px;
z-index:1;
}

.preview-console .collapse {
background:url(down_arrow.png);
}

.preview-console .retract {
background:url(up_arrow.png);
}

.preview-console .warning {
color:#FF7A00;
}

.preview-console.retract {
bottom:-60px;
}

.hacker_settings {
width:50%;
margin-left:29%;
}

.hacker_settings .button {
width:50%;
margin-left:18%;
margin-top:5%;
}

.features .form td {
text-align:left;
padding:7px 10px;
}

.features .form th {
text-align:left;
font-weight:700;
padding:10px;
}

.features #edit_form tr {
border-bottom:1px solid gray;
}

.features #feature_name_field {
margin-left:25px;
}

.features .feature_role_label {
margin-left:-12px;
}

#course .edit_form li.lesson p.num_exercises {
font-weight:700;
margin-top:5px;
}

#course .edit_form li.lesson .status {
top:12px;
width:30%;
}

#course .header,#course .add_lesson_message,#course .review_status {
position:relative;
float:left;
width:100%;
}

#course .review_status>div {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#FFFFF0;
margin-top:10px;
color:#333;
padding:10px 20px;
}

#course .add_section_message input {
margin-bottom:5px;
color:#08c;
}

#course #pending_review {
background:#CFC;
}

#course .review_status>div.share_message {
padding-top:0;
background:transparent;
}

#course .review_status>div.share_message input#course_url {
width:290px;
margin-left:5px;
}

#course .review_status>div.share_message .social_button[data-type*=twitter] {
width:85px;
margin-left:10px;
}

#course .review_status>div.share_message p {
font-weight:700;
margin:0 0 10px;
}

#course .header {
position:relative;
margin-bottom:20px;
border-bottom:solid 1px #eee;
}

#course .header a.add_material {
margin-right:10px;
}

#course .header a#edit_course_button {
float:right;
margin:1em 20px 10px 0;
}

#course .header p.author {
margin-bottom:10px;
color:#999;
}

#course .header .course_details,#course .header .course_actions {
width:480px;
float:left;
margin-top:20px;
}

#course .header .labels {
margin:15px 0 0;
}

#course .header .labels form {
display:inline-block;
margin:0;
}

#course .header .labels form select {
width:120px;
height:auto;
padding:0;
}

#course .header .course_actions {
width:202px;
text-align:right;
}

#course .header .course_actions form label {
margin:0 0 0 3px;
}

#course .header .course_actions a.minimal {
position:relative;
top:1px;
}

#course .header div.course_progress {
float:right;
background-color:#F0F8FF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:5px 10px;
}

#course .header div.course_progress div:last-child {
margin-left:8px;
}

#course .header div.course_progress h3,#course .header div.course_progress h4 {
text-align:right;
line-height:1em;
border:none;
margin:0;
padding:0;
}

#course .header div.course_progress h4 {
font-size:1em;
}

#course .header div.course_progress h3 {
font-size:2.3em;
}

#course .header #course_toggle {
top:1em;
}

.course_info form.demote_course,.course_info form.promote_course {
top:46px;
float:right;
z-index:2;
display:inline-block;
margin:0;
padding:0;
}

.course_info form.demote_course button,.course_info form.promote_course button {
min-width:70px;
line-height:1.2em;
width:auto;
font-size:11px;
padding:4px;
}

.course_info form.promote_course {
right:70px;
}

.course_info form.demote_course {
margin-right:11px;
}

#editable_courses li.course:first-child .course_info,#editable_courses li.course:first-child .course_stats {
border:0;
padding-top:0;
}

#editable_courses li.course:first-child form.demote_course,#editable_courses li.course:first-child form.promote_course {
top:35px;
}

li.course .stats {
width:480px;
margin-top:10px;
}

li.course .stats .section_count,li.course .stats .exercise_count,li.course .stats .language,li.course .stats .classification {
margin-right:10px;
display:inline-block;
float:left;
}

li.course .stats .collaborator_count {
display:inline-block;
float:left;
margin-right:10px;
}

li.course .stats .language {
display:inline-block;
float:left;
position:relative;
bottom:2px;
}

li.course .status .actions {
background-color:transparent;
padding:0;
}

li.course .status>p.updated_at {
margin-top:0;
padding-top:7px;
}

li.course .status>div {
padding:5px 10px;
}

.courses.create div.new_course {
width:500px;
background:#FFF;
-webkit-box-shadow:0 0 10px #ddd,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 0 10px #ddd,0 0 0 rgba(0,0,0,0);
box-shadow:0 0 10px #ddd,0 0 0 rgba(0,0,0,0);
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin:0 auto;
padding:20px;
}

form#new_course .actions .green {
display:block;
width:160px;
margin:0 auto;
}

form#new_course a.toggle {
background:url(info.png) no-repeat;
height:23px;
width:100%;
display:block;
text-indent:20px;
}

form#new_course div.toggle-element {
border-radius:5px;
background:#DBEEFD;
margin:10px 0;
padding:10px;
}

form#new_course table td:first-child {
min-width:100px;
}

form#new_course div.units {
float:none;
height:350px;
overflow-x:hidden;
overflow-y:auto;
}

form#new_course div.units table {
margin:10px 0 0;
}

form#new_course div.units table td {
border-top:1px solid #EEE;
}

form#new_course div.units table p {
font-size:13px;
line-height:1.45em;
margin:10px 0;
}

form#new_course table.field {
text-align:left;
}

form#new_course table.field td:first-child {
min-width:0;
width:45px;
color:#333;
}

form#new_course table.field td {
padding:0;
}

form#new_course li#smaller-tabs {
width:20%;
height:50%;
}

form#new_course span#smaller-font {
font-size:75%;
}

form#new_course #course_language_id {
float:right;
width:200px;
margin:0 20px 0 0;
}

form#new_course #course_name,form#new_course #suggest_topic_name {
width:350px;
}

#course-discovery-listing .header .langs,#admin .navigation .header .langs {
float:right;
color:#000;
font-weight:700;
top:9px;
position:relative;
}

.confirm_share .actions a.close {
opacity:1;
float:none;
margin-right:15px;
}

#courses_index_old #language {
display:inline;
float:left;
margin-right:30px;
width:930px;
}

#courses_index_old #language .units .topic.completed {
background-image:url(/assets/icons/checkmark-48bc6f474e0b4c18b62934e041cf975c.png);
background-repeat:no-repeat;
background-position:5px 20px;
}

#courses_index_old #language .units .topic {
position:relative;
padding:20px 0;
}

#courses_index_old #language .units .topic h3 {
float:left;
padding-left:30px;
}

#courses_index_old #language .units .topic a.start_here {
position:absolute;
top:10px;
left:370px;
}

#courses_index_old #language .units .topic table.content td.completed a {
background-color:#B0DD65;
}

#courses_index_old #language .units .topic table.content td {
width:85px;
text-align:center;
padding:0;
}

#courses_index_old #language .units .topic table.content td a {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #DDD;
color:#333;
width:100px;
display:inline;
background:#EEE;
padding:5px 8px;
}

#courses_index_old li.challenge {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
float:left;
width:100%;
position:relative;
background:#777;
margin:10px 0;
padding:10px 0;
}

#courses_index_old li.challenge h3 {
float:left;
margin-left:30px;
}

#courses_index_old li.challenge h3 a {
color:#EEE;
}

#courses_index_old li.challenge p {
position:absolute;
left:30px;
bottom:-5px;
font-weight:700;
color:#D0D0D0;
}

#courses_index_old li.challenge .status {
float:right;
margin-right:20px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#courses_index_old li.challenge .status .percentage {
float:left;
margin-left:10px;
margin-top:11px;
font-size:150%;
font-weight:700;
color:#D0D0D0;
}

.course.sandbox_course .header .course_details {
width:380px;
}

#course_creator #courses_editor_header {
width:71%;
}

#course_creator .header a.add_material {
float:right;
width:auto;
margin-left:10px;
padding:10px;
}

#course_creator .welcome {
float:left;
clear:both;
margin-bottom:0;
}

#course_creator #no_courses {
width:100%;
margin-top:20px;
float:left;
}

#course_creator #no_courses .step_1>div {
background-image:url(/assets/icons/course-d990c59534f77b9a056cb4c9573f00be.png);
}

#course_creator #no_courses .step_2>div {
background-image:url(/assets/icons/report_card-42db181f52a563eac742fa751df295b4.png);
}

#course_creator #no_courses .step_3>div {
background-image:url(/assets/icons/demo_code-296868ba05c394471e77a6ea1b01058c.png);
}

#course_creator #no_courses .step_4>div {
background-image:url(/assets/icons/questions-fb5e9130203823528ddb96a5c4dcd2f7.png);
}

#course_creator #no_courses .step_1,#course_creator #no_courses .step_2,#course_creator #no_courses .step_3,#course_creator #no_courses .step_4 {
position:relative;
display:block;
float:left;
width:333px;
margin-right:20px;
}

#course_creator #no_courses .step_1>div,#course_creator #no_courses .step_2>div,#course_creator #no_courses .step_3>div,#course_creator #no_courses .step_4>div {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
height:90px;
background-color:#eee;
background-repeat:no-repeat;
background-position:30px 15px;
padding:30px 15px 25px 160px;
}

#course_creator #no_courses .step_1>div:hover,#course_creator #no_courses .step_2>div:hover,#course_creator #no_courses .step_3>div:hover,#course_creator #no_courses .step_4>div:hover {
background-color:#E3E3E3;
}

#course_creator #no_courses .step_3 {
clear:left;
}

#course_creator #no_courses p {
font-size:105%;
margin:0;
}

#course_creator #no_courses p.step {
display:none;
position:absolute;
bottom:15px;
right:15px;
font-size:200%;
color:#BBB;
}

#course_creator #whats_next {
float:left;
width:100%;
margin:30px 0 0;
}

#course_creator #whats_next>div p {
font-weight:700;
margin-bottom:10px;
}

#courses input[type*=text] {
width:400px;
margin-right:10px;
ont-size:140%;
padding:9px 10px 8px;
}

#courses input[type*=submit] {
width:auto;
padding-left:20px;
padding-right:20px;
font-size:130%;
}

#courses input[type*=submit]:hover {
color:#DDD;
}

#courses input[type=search] {
-webkit-transition:all 500ms cubic-bezier(0.25,0.1,0.25,1);
-moz-transition:all 500ms cubic-bezier(0.25,0.1,0.25,1);
-ms-transition:all 500ms cubic-bezier(0.25,0.1,0.25,1);
-o-transition:all 500ms cubic-bezier(0.25,0.1,0.25,1);
transition:all 500ms cubic-bezier(0.25,0.1,0.25,1);
-webkit-border-radius:500px;
-moz-border-radius:500px;
border-radius:500px;
color:#aaa;
font-size:14px;
background:#fff url(/assets/icn_search-29563ba28c8c9f546314aa9a1edcda05.png) 7px 7px no-repeat;
width:130px;
border:1px solid #999;
padding-left:30px;
}

#courses input[type=search]:hover {
border:1px solid #888;
color:#888;
background-image:#fff url(/assets/icn_search_hover-911c075b3b78a48fedd017128637a4dd.png);
}

#courses input[type=search]:focus {
background-image:#fff url(/assets/icn_search_hover-911c075b3b78a48fedd017128637a4dd.png);
color:#888;
border:1px solid #0069D6;
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(0,105,214,0.6),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(0,105,214,0.6),0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(0,105,214,0.6),0 0 0 rgba(0,0,0,0);
border-color:rgba(0,105,214,0.8);
}

#courses .trial_warning {
border-bottom:2px solid #bfbfbf;
border-top:2px solid #bfbfbf;
}

#courses .trial_warning .heads_up {
zoom:1;
background:#f8f6cf;
padding:10px 15px;
}

#courses .trial_warning h3 {
background:url(/assets/icn_warning-442026791ec2f3915ef6e318fcbaffb8.png) no-repeat;
float:left;
font-size:16px;
margin-bottom:0;
padding:2px 0 1px 30px;
}

#courses .trial_warning a {
margin-top:3px;
float:right;
background:url(/assets/more_arrow-d11910fa499b949824fae0e7eba62ab5.png) no-repeat right 8px;
font-size:13px;
line-height:1.33em;
color:#666;
font-weight:400;
padding:0 15px;
}

#courses .trial_warning p {
border-top:1px solid #dbd9b6;
clear:both;
color:#888;
margin-bottom:0;
padding:10px 15px;
}

#courses #course_list_container {
display:inline;
float:left;
margin-right:30px;
width:690px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:relative;
border:1px solid #BFBFBF;
border-top:none;
}

#courses #course_list_container #no_search_results {
margin:40px;
}

#courses #course_list_container #no_search_results p {
margin:30px 0;
}

#courses #course_list_container #no_search_results p:last-child {
line-height:2em;
}

#courses #course_list_container #search_form {
position:absolute;
top:8px;
right:8px;
min-width:160px;
text-align:right;
}

#courses #course_list_container #clear_search_terms {
background-color:#EDEDED;
border-bottom:1px solid #C6C6C6;
}

#courses #course_list_container #clear_search_terms p a {
color:#999;
display:block;
padding:10px;
}

#courses #course_list_container #clear_search_terms p a span {
display:inline-block;
float:right;
margin-top:2px;
height:16px;
width:16px;
background:url(/assets/icons/remove-sprite-16x16-b86ce56c7e6666ba57f0dc8e8d9eaee3.png) no-repeat 0 0;
}

#courses #course_list_container #clear_search_terms p a:hover span {
background-position:100% -16px;
}

#courses #course_list_container div.header {
zoom:1;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:#BFBFBF;
font-size:14px;
padding:7px 8px;
}

#courses #course_list_container div.header small,#courses #course_list_container div.header label {
color:#444;
text-shadow:0 1px 1px #FFF;
font-size:13px;
}

#courses #course_list_container div.header p.beta_mode {
width:100px;
top:41px;
right:220px;
position:absolute;
}

#courses #course_list_container div.header p.beta_mode input {
margin:5px 0 0 5px;
}

#courses #course_list_container div.header div#filter {
width:100%;
float:left;
margin:5px 0 3px;
}

#courses #course_list_container div.header div#filter p {
margin:3px 5px 0 2px;
}

#courses #course_list_container div.header div#filter button {
font-size:12px;
font-weight:400;
}

#courses #course_list_container div.header div#filter select#filter_by_fields_select,#courses #course_list_container div.header div#filter #filter_by_levels_select {
width:120px;
height:24px;
margin:2px 0 0 5px;
padding:0;
}

#courses #course_list_container div.header div#filter div.sort {
float:right;
min-width:213px;
text-align:right;
}

#courses #course_list_container div.header div#filter div.filter {
min-width:300px;
}

#courses #course_list_container div.header div#filter div.sort p {
margin-right:6px;
}

#courses #course_list_container div.header div#filter div.sort button {
border-radius:500px;
-moz-border-radius:500px;
-webkit-border-radius:500px;
margin-top:3px;
border:none;
background:none;
box-shadow:none;
width:60px;
padding:1px 0;
}

#courses #course_list_container div.header div#filter div.sort button:hover {
background-color:#DDD;
}

#courses #sidebar {
display:inline;
float:left;
margin-right:0;
width:270px;
margin-left:-3px;
}

#courses #sidebar #sidebar_main {
display:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #ddd;
}

#courses #sidebar #sidebar_main>div {
zoom:1;
margin-top:1px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:15px 20px;
}

#courses #sidebar #sidebar_main>div b {
display:block;
font-size:11px;
letter-spacing:1px;
font-weight:400;
color:#999;
text-align:center;
text-transform:uppercase;
margin-bottom:10px;
}

#courses #sidebar #sidebar_main>div h3 {
font-size:16px;
line-height:1.3em;
text-align:center;
margin-top:-.25em;
}

#courses #sidebar #sidebar_main>div:last-child {
border-bottom:0;
}

#courses #sidebar #sidebar_main>div:first-child {
border-top:0;
margin-top:0;
}

#courses #sidebar #sidebar_main #newbies {
position:relative;
padding-top:20px;
padding-bottom:30px;
}

#courses #sidebar #sidebar_main #newbies>b {
position:absolute;
top:10px;
left:-10px;
display:block;
color:#444;
background:#ffed27;
padding:5px 10px;
}

#courses #sidebar #sidebar_main #newbies h3 {
padding-top:40px;
margin-bottom:12px;
font-size:26px;
text-align:left;
}

#courses #sidebar #sidebar_main #newbies>p {
font-size:16px;
line-height:1.35em;
color:#777;
margin-bottom:1em;
}

#courses #sidebar #sidebar_main #newbies .track {
display:block;
-webkit-transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
-moz-transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
-ms-transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
-o-transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin-bottom:5px;
background-position:160px -10px;
background-repeat:no-repeat;
background-color:#65a435;
background-image:url(/assets/courses/track_web-f6ac4940961d0843d8f3c1dc32f6492c.png);
padding:15px 17px;
}

#courses #sidebar #sidebar_main #newbies .track h4,#courses #sidebar #sidebar_main #newbies .track p {
line-height:1em;
color:#fff;
margin:0;
}

#courses #sidebar #sidebar_main #newbies .track h4 {
font-size:20px;
margin-bottom:7px;
}

#courses #sidebar #sidebar_main #newbies .track p {
font-size:12px;
line-height:1.4em;
color:#d8e8cc;
}

#courses #sidebar #sidebar_main #newbies .track b {
font-size:11px;
display:inline;
color:#fff;
margin-bottom:5px;
letter-spacing:.09em;
}

#courses #sidebar #sidebar_main #newbies .track:last-child {
background-color:#65a480;
background-image:url(/assets/courses/track_prog-65ec6b97cf0c6ec7aca874a2ed040cf6.png);
}

#courses #sidebar #sidebar_main #newbies .track:last-child p {
color:#d8e8df;
}

#courses #sidebar #sidebar_main #newbies .track h4 span {
-webkit-transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
-moz-transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
-ms-transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
-o-transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
transition:all 200ms cubic-bezier(0.25,0.1,0.25,1);
padding-left:5px;
}

#courses #sidebar #sidebar_main #newbies .track:hover {
background-color:#6eb339;
background-position:150px -10px;
}

#courses #sidebar #sidebar_main #newbies .track:hover:last-child {
background-color:#6fb38c;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_status {
padding-bottom:5px;
zoom:1;
font-size:12px;
margin-bottom:5px;
line-height:1.6em;
font-weight:400;
color:#777;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_status span {
color:#666;
font-weight:700;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container {
margin-bottom:10px;
background:#f6f6f6;
zoom:1;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:10px;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container .badge {
float:left;
width:20px;
height:20px;
margin-right:5px;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container .progress_bar {
float:left;
width:170px;
margin-top:4px;
-webkit-border-radius:500px;
-moz-border-radius:500px;
border-radius:500px;
background:#fff;
height:7px;
border:3px solid #ccc;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container .progress_bar .section {
border-right:1px solid #ccc;
height:7px;
float:left;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container .progress_bar .section:first-child {
-webkit-border-top-left-radius:500px;
-webkit-border-bottom-left-radius:500px;
-moz-border-radius-topleft:500px;
-moz-border-radius-bottomleft:500px;
border-top-left-radius:500px;
border-bottom-left-radius:500px;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container .progress_bar .section:last-child {
border-right:0;
-webkit-border-top-right-radius:500px;
-webkit-border-bottom-right-radius:500px;
-moz-border-radius-topright:500px;
-moz-border-radius-bottomright:500px;
border-top-right-radius:500px;
border-bottom-right-radius:500px;
}

#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container .completed {
background:#65a435;
-webkit-animation:fade-in 1.5s 1;
-moz-animation:fade-in 1.5s 1;
-ms-animation:fade-in 1.5s 1;
}

#courses #sidebar #sidebar_main #up_next .cta {
-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-moz-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-ms-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-o-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-webkit-border-radius:500px;
-moz-border-radius:500px;
border-radius:500px;
clear:both;
font-size:15px;
font-weight:700;
width:160px;
background:#65a435;
text-align:center;
color:#fff;
margin:0 auto 15px;
padding:5px 0;
}

#courses #sidebar #sidebar_main #up_next a:hover .cta {
background:#4fb600;
}

#courses #sidebar #sidebar_main #featured_track a {
display:block;
color:#588f2f;
}

#courses #sidebar #sidebar_main #featured_track a p {
font-size:12px;
color:#888;
clear:both;
}

#courses #sidebar #sidebar_main #featured_track a .subs {
margin-right:12px;
line-height:1.5em;
font-size:16px;
text-align:center;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
float:left;
width:85px;
color:#fff;
background:#a3c886;
text-shadow:0 1px 0 #65a435;
}

#courses #sidebar #sidebar_main #featured_track a .subs span {
display:block;
border-top:1px solid #fff;
font-size:10px;
text-transform:uppercase;
font-weight:400;
}

#courses #sidebar #sidebar_main #featured_track a .cta {
-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-moz-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-ms-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-o-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-webkit-border-radius:500px;
-moz-border-radius:500px;
border-radius:500px;
border:1px solid #fff;
float:left;
margin-top:10px;
color:#4d4d4d;
background:#eee;
font-size:13px;
padding:4px 15px;
}

#courses #sidebar #sidebar_main #featured_track a:hover .cta {
background:#e5e5e5;
color:#000;
}

#courses #sidebar #sidebar_main #featured_track a:active .cta {
-webkit-box-shadow:inset 0 3px 7px 0 #b0b0b0;
-moz-box-shadow:inset 0 3px 7px 0 #b0b0b0;
box-shadow:inset 0 3px 7px 0 #b0b0b0;
}

#courses #sidebar #course_creator_ad {
border:1px solid #eee;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
padding:2px;
}

#courses #sidebar #course_creator_ad a {
display:block;
border:1px solid #f0f0f0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:url(/assets/courses/calling_coders-19d927adaee8f3209b52cf24777323cd.png) no-repeat center 20px;
padding-top:80px;
}

#courses #sidebar #course_creator_ad a p {
width:180px;
font-size:12px;
line-height:1.4em;
font-weight:400;
color:#999;
margin:0 auto .75em;
}

#courses #sidebar #course_creator_ad a .more,#courses #sidebar #course_creator_ad a .more:visited {
-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-moz-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-ms-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-o-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
transition:all 400ms cubic-bezier(0.25,0.1,0.25,1);
-webkit-border-radius:500px;
-moz-border-radius:500px;
border-radius:500px;
color:#0069D6;
font-size:13px;
font-weight:700;
width:110px;
background:#fff;
margin:0 auto 20px;
padding:3px 0;
}

#courses #sidebar #course_creator_ad a:hover .more {
color:#fff;
background:#0069D6;
}

#courses #sidebar #course_creator_ad a:active .more {
-webkit-box-shadow:inset 0 3px 10px 0 #0052A5;
-moz-box-shadow:inset 0 3px 10px 0 #0052A5;
box-shadow:inset 0 3px 10px 0 #0052A5;
}

#languages_nav.elements-3 li a {
width:141px;
}

#languages_nav.elements-4 li a {
width:98px;
}

#languages_nav.elements-5 li a {
width:67px;
}

#languages_nav li {
-webkit-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-moz-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-ms-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-o-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
transition:all 300ms cubic-bezier(0.23,1,0.32,1);
float:left;
text-align:center;
border-top:1px solid #888;
border-bottom:1px solid #888;
border-right:1px solid #888;
}

#languages_nav li a {
border:1px solid #888;
color:#4d4d4d;
text-shadow:0 1px 0 #f5f5f5;
background:linear-gradient(top,#e5e5e50%,#bfbfbf100%);
border-top:1px solid #eee;
border-left:1px solid #eee;
border-bottom:0;
border-right:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
font-size:13px;
display:block;
padding:5px 12px;
}

#languages_nav li a:active {
border-top:1px solid #aaa;
border-left:1px solid #aaa;
background:linear-gradient(top,#e3e3e30%,#e0e0e0100%);
-webkit-box-shadow:inset 0 5px 10px 0 #aaa,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 5px 10px 0 #aaa,0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 5px 10px 0 #aaa,0 0 0 rgba(0,0,0,0);
padding:6px 12px 4px;
}

#languages_nav li a:active:first-child {
border-left:1px solid #999;
}

#languages_nav li a:hover:not(.selected) {
background:linear-gradient(top,#eaeaea0%,#ccc100%);
}

#languages_nav li:first-child,#languages_nav li:first-child a {
border-left:1px solid #888;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}

#languages_nav li:first-child a,#languages_nav li:first-child a a {
border-left:1px solid #eee;
}

#languages_nav li:last-child,#languages_nav li:last-child a {
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}

#languages_nav li .selected {
border-top:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
-webkit-box-shadow:inset 0 3px 10px 0 #b0b0b0,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 3px 10px 0 #b0b0b0,0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 3px 10px 0 #b0b0b0,0 0 0 rgba(0,0,0,0);
background:linear-gradient(top,#d1d1d10%,#e2e2e2100%);
}

#languages_nav li:first-child a.selected {
border-left:1px solid #b0b0b0;
}

#course_list.loading,.course_list.loading {
background-image:url(/assets/ajax-loader-large-660f85573fddd0a9f687c82dbcd38084.gif);
background-position:50% 50%;
background-repeat:no-repeat;
opacity:50;
filter:alpha(opacity=5000);
}

#course_list,.course_list {
clear:both;
background-color:#fff;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

#course_list .course_item,.course_list .course_item {
position:relative;
border-bottom:1px solid #999;
background:transparent;
}

#course_list .course_item:last-child,.course_list .course_item:last-child {
border-bottom:0;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

#course_list .course_item .course_details,.course_list .course_item .course_details {
zoom:1;
padding:15px;
}

#course_list .course_item .course_details .title_container,.course_list .course_item .course_details .title_container {
margin-right:110px;
min-height:80px;
}

#course_list .course_item .course_details h3,.course_list .course_item .course_details h3 {
line-height:1.25em;
margin-bottom:.5em;
display:inline-block;
}

#course_list .course_item .course_details .author,.course_list .course_item .course_details .author {
display:inline-block;
font-weight:400;
color:#aaa;
padding-left:10px;
}

#course_list .course_item .course_details p,.course_list .course_item .course_details p {
margin-bottom:0;
overflow:hidden;
font-size:13px;
font-weight:500;
line-height:1.35em;
color:#666;
}

#course_list .course_item .course_details mark,.course_list .course_item .course_details mark {
background:#f1eb7f;
margin-right:2px;
position:relative;
top:-1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size:10px;
font-weight:600;
letter-spacing:1px;
color:#444;
text-transform:uppercase;
padding:1px 5px 2px;
}

#course_list .course_item .course_details mark.language,.course_list .course_item .course_details mark.language {
font-size:normal;
}

#course_list .course_item .course_details mark.beta,.course_list .course_item .course_details mark.beta {
color:#FFF;
background-color:#60AEEA;
}

#course_list .course_item .course_details .badge_container,.course_list .course_item .course_details .badge_container {
position:absolute;
width:80px;
height:80px;
top:15px;
right:20px;
}

#course_list .course_item .course_details .badge_container .lesson_count,.course_list .course_item .course_details .badge_container .lesson_count {
position:absolute;
top:0;
width:81px;
height:81px;
-webkit-border-radius:500px;
-moz-border-radius:500px;
border-radius:500px;
color:#fff;
font-size:16px;
background:transparent url(/assets/darken_hover-566f3af1d310f8c32a3b5fcb213f3ad4.png);
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-moz-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-ms-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-o-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
transition:all 300ms cubic-bezier(0.23,1,0.32,1);
padding:0;
}

#course_list .course_item .course_details .badge_container .lesson_count div.sections,#course_list .course_item .course_details .badge_container .lesson_count div.exercises,.course_list .course_item .course_details .badge_container .lesson_count div.sections,.course_list .course_item .course_details .badge_container .lesson_count div.exercises {
margin-top:6px;
padding-left:20px;
margin-left:22px;
}

#course_list .course_item .course_details .badge_container .lesson_count div.sections,.course_list .course_item .course_details .badge_container .lesson_count div.sections {
background:url(/assets/icn_section_white-a68a8daca5c44c0a9ccb6b3c3c6b30af.png) no-repeat 0 4px;
}

#course_list .course_item .course_details .badge_container .lesson_count div.exercises,.course_list .course_item .course_details .badge_container .lesson_count div.exercises {
background:url(/assets/icn_exercise_white-b1a7d97cec1eccd438879fb2286d48fb.png) no-repeat 0 4px;
}

#course_list .course_item .course_details .badge_container .lesson_count div,.course_list .course_item .course_details .badge_container .lesson_count div {
width:45px;
margin:0 auto;
}

#course_list .course_item .course_details .badge_container .progress_bar,.course_list .course_item .course_details .badge_container .progress_bar {
position:absolute;
bottom:5px;
height:7px;
width:78px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:3px solid #ccc;
background:#fff;
}

#course_list .course_item .course_details .badge_container .progress_bar .progress,.course_list .course_item .course_details .badge_container .progress_bar .progress {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:relative;
height:100%;
width:50%;
background:#65a435;
}

#course_list .course_item .course_details .badge_container .completed_badge,.course_list .course_item .course_details .badge_container .completed_badge {
position:absolute;
bottom:0;
right:4px;
height:0;
width:20px;
padding-top:20px;
overflow:hidden;
background:url(/assets/icn_completed-6af4c175e1e55e2b9ad5f08b6be4c436.png);
}

#course_list .course_item form.edit_course,.course_list .course_item form.edit_course {
position:absolute;
top:15px;
right:15px;
z-index:2;
display:inline-block;
margin:0;
padding:0;
}

#course_list .course_item form.edit_course button.red,.course_list .course_item form.edit_course button.red {
font-size:10px;
padding:3px 5px;
}

#course_list .course_item a,.course_list .course_item a {
display:block;
-webkit-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-moz-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-ms-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-o-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
transition:all 300ms cubic-bezier(0.23,1,0.32,1);
}

#course_list .course_item a:hover,.course_list .course_item a:hover {
background-color:#f5f5f5;
position:relative;
z-index:1;
}

#course_list .course_item a:hover .course_details .lesson_count,.course_list .course_item a:hover .course_details .lesson_count {
opacity:100;
filter:alpha(opacity=10000);
display:block;
}

#course_list .more-link,.course_list .more-link {
-webkit-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-moz-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-ms-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
-o-transition:all 300ms cubic-bezier(0.23,1,0.32,1);
transition:all 300ms cubic-bezier(0.23,1,0.32,1);
display:block;
background:#e8e8e8 url(/assets/more_arrow-d11910fa499b949824fae0e7eba62ab5.png) no-repeat 292px 19px;
text-align:center;
font-size:15px;
color:#555;
text-shadow:0 1px 0 #f5f5f5;
padding:10px 15px 10px 0;
}

#course_list .more-link:hover,.course_list .more-link:hover {
background-color:#e1e1e1;
}

#course_list .no_match,.course_list .no_match {
margin:20px 0 0 10px;
}

#overlay .share_course#share_course_modal {
padding:30px 40px;
}

#overlay .share_course#share_course_modal a {
margin-bottom:15px;
display:inline-block;
}

#overlay .help_text {
position:absolute;
top:15px;
right:50px;
font-size:14px;
font-weight:700;
color:#aaa;
}

.collab_title {
margin-top:20px;
margin-bottom:10px;
}

.collab_add {
height:65px;
overflow:hidden;
}

.collab_add form {
margin:3px 0 20px;
}

.collab_add form input[type=text] {
margin-bottom:3px;
width:165px;
}

.collab_container {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:relative;
}

.collab_container .collab_inner {
overflow:auto;
}

.collab_flash_message {
position:relative;
display:inline-block;
bottom:18px;
color:gray;
}

ul.collab_list li.author_block {
position:relative;
float:left;
width:196px;
margin-bottom:15px;
padding:0 15px 0 0;
}

#creator_next_steps_edit_page {
margin:0 0 15px 20px;
}

#creator_next_steps_edit_page a {
margin-bottom:8px;
display:inline-block;
}

#unsubmit_preface {
margin-bottom:10px;
margin-top:5px;
}

#free_response_value #readiness_feedback_entry {
width:470px;
height:130px;
}

.course_feedback {
position:relative;
margin-bottom:10px;
border-bottom:1px solid #eee;
padding:13px 10px;
}

.course_feedback #course_name {
font-weight:700;
display:inline-block;
}

.course_feedback .show_course_stats {
float:right;
margin-right:10px;
}

.course_feedback table {
width:963px!important;
table-layout:fixed;
}

.course_feedback table td,.course_feedback table th {
text-align:left;
overflow:hidden;
word-wrap:break-word;
}

.course_feedback table .free_response td,.course_feedback table .free_response_long td {
padding-top:5px;
padding-right:5px;
}

.course_feedback table .free_response {
width:470px;
}

.course_feedback table .free_response_long {
width:600px;
}

.course_feedback table .tester_email {
width:150px;
}

.course_feedback table .perc_complete {
width:65px;
}

.course_feedback .course_readiness,.course_feedback .feedback_count {
font-style:italic;
}

.course_feedback li {
list-style-type:none;
float:left;
width:91px;
margin-right:10px;
}

#holistic_form {
padding-right:20px;
}

#holistic_form #ready {
display:inline-block;
float:right;
}

#holistic_form #slider_result {
height:40px;
}

#holistic_form #feedback_slider {
width:479px;
}

#done_label {
margin-bottom:11px;
}

.trigger_holistic_feedback a {
display:inline-block;
margin-top:5px;
}

#view_readiness_link {
float:right;
margin:.75em .5em;
}

.link_back_to_edit {
float:right;
position:relative;
top:2px;
}

.feedback_row {
border-top:1px solid gray;
background:#EEE;
}

.feedback_row td {
padding-top:5px;
}

.stars_send_container {
height:35px;
display:block;
}

.stars_header {
margin-top:15px;
line-height:1.3em;
text-align:center;
}

.stars_question {
font-size:19px;
text-align:center;
clear:both;
margin-bottom:0;
}

.learn_about_author {
text-align:center;
margin-top:14px;
font-size:15px;
margin-bottom:17px;
}

.end_course_congrats {
margin-bottom:20px;
text-align:center;
}

.stars_radio_buttons {
float:left;
margin:0 0 20px 160px;
}

.stars_radio_buttons .rating-cancel {
display:none!important;
}

.next_step {
clear:both;
margin-bottom:10px;
}

.next_step_button {
display:block;
position:relative;
max-width:180px;
text-align:center;
margin:0 auto;
}

#editable_courses {
width:970px;
}

#editable_courses li.course {
width:965px;
padding:10px 0 0;
}

#editable_courses .tab_block .tabs {
width:690px;
margin-bottom:15px;
}

#editable_courses .course_info {
border-top:1px solid #DDD;
float:left;
width:690px;
padding-top:19px;
}

#editable_courses .feedback_count {
margin-top:5px;
color:#000;
}

#editable_courses .course_block {
border-top:none;
margin-top:0;
}

#editable_courses .not_collaborator_msg {
margin-top:10px;
width:689px;
}

#editable_courses .not_collaborator_msg .section_header {
font-weight:700;
margin-bottom:3px;
}

#editable_courses .not_collaborator_msg .error_message_container {
height:20px;
}

#editable_courses .not_collaborator_msg .error_message {
display:none;
width:189px;
}

#editable_courses .course_stats {
float:right;
border-top:1px solid #ddd;
display:inline-block;
margin-left:25px;
width:250px;
padding:10px 0 0;
}

#editable_courses .course_stats li {
margin-bottom:6px;
color:gray;
}

#editable_courses .course_stats li .count {
font-size:14px;
color:#000;
padding:2px 7px;
}

.status p {
padding-top:8px;
clear:both;
display:block;
margin-bottom:5px;
}

.single_course_stats td {
padding-top:2px;
margin-right:5px;
}

.course_edit_sidebar {
padding:0 10px 10px 0;
}

.pagination_div {
padding-top:20px;
clear:both;
}

.send_feedback_email_form textarea {
width:400px;
height:100px;
display:block;
}

.current_section_editor_label {
display:inline-block;
margin-left:15px;
color:red;
}

#section {
float:left;
width:100%;
margin-bottom:20px;
}

.forum-section,.forum-course,.discussion-forum {
border:solid 1px #eee;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#throbber.overlay,.overlay#forum-throbber {
position:absolute;
top:200px;
}

#forum-throbber {
position:absolute;
width:690px;
}

#forum {
float:left;
width:690px;
margin-right:20px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
opacity:0.2;
filter:alpha(opacity=20);
-webkit-transition:opacity .1s linear;
-moz-transition:opacity .1s linear;
-ms-transition:opacity .1s linear;
-o-transition:opacity .1s linear;
transition:opacity .1s linear;
}

#forum #forum-backlink {
float:right;
position:relative;
text-align:center;
font-size:12px;
padding:5px;
}

#forum #search {
margin-bottom:10px;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EEE;
border-bottom:solid 1px #DDD;
width:669px;
min-height:37px;
padding:10px;
}

#forum #search form {
position:relative;
height:37px;
margin:0;
}

#forum #search form input[type*=submit] {
float:right;
position:relative;
top:-36px;
left:-4px;
width:45px;
height:35px;
background:url(/assets/search-button-34d60dbb40fee5fedae15b020c6942db.png);
border:none;
-webkit-box-shadow:none,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:none,0 0 0 rgba(0,0,0,0);
box-shadow:none,0 0 0 rgba(0,0,0,0);
-webkit-transition:opacity .1s linear;
-moz-transition:opacity .1s linear;
-ms-transition:opacity .1s linear;
-o-transition:opacity .1s linear;
transition:opacity .1s linear;
margin:0;
}

#forum #search form input[type*=text] {
font-size:18px;
line-height:24px;
height:18px;
width:605px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
margin:0;
padding:9px 50px 8px 12px;
}

#forum #search form td {
vertical-align:middle;
margin:0;
padding:0;
}

#forum #search ul.topics {
list-style:none;
float:none;
display:inline-block;
height:37px;
}

#forum #search ul.topics h3.title {
margin:8px 0 0;
}

#forum #search ul.topics li a {
font-size:16px;
line-height:24px;
}

#forum #search>a {
float:right;
text-shadow:0 1px 1px rgba(242,242,242,0.6);
padding:10px;
}

#forum #no-results {
display:none;
padding:10px 20px;
}

#forum #no-results h3 {
line-height:1.2em;
}

#forum #no-results .new_question_link {
display:inline;
margin-left:5px;
text-shadow:0 1px 0 rgba(0,0,0,0.5);
}

#forum section.results h4#total_questions {
margin-bottom:10px;
line-height:2em;
}

#forum #question-list-footer {
width:100%;
display:block;
margin:5px 0;
}

#forum #question-list-footer .pagination a {
padding:0 12px;
}

#forum .exercises {
padding-bottom:10px;
height:25px;
width:650px;
border-bottom:solid 1px #eee;
margin:0 20px;
}

#forum .exercises .btn-group {
display:inline-block;
margin:0 10px 0 0;
}

#forum .exercises .btn-group>a {
font-size:12px;
color:#555;
padding:2px 10px;
}

#forum .exercises #sorting {
float:right;
right:-45px;
}

#forum #questions {
min-height:40px;
margin:0 20px 10px;
}

#forum #questions>h3 {
line-height:1.3em;
margin-top:1em;
}

#forum .sections {
padding:0 20px 10px;
}

#forum .sections ul.section-nav {
display:block;
list-style:none;
border-top:solid 1px #eee;
margin-top:10px;
}

#forum .sections ul.section-nav a>li {
border-top:1px solid #EEE;
margin:0;
padding:10px 0;
}

#forum .sections ul.section-nav a>li h3 {
margin-bottom:10px;
color:inherit;
}

#forum .sections ul.section-nav a>li .summary {
width:80%;
margin-bottom:0;
}

#forum .sections ul.section-nav a>li .summary h3 {
float:left;
line-height:25px;
}

#forum .sections ul.section-nav a>li .exercise_count {
color:#555;
font-weight:400;
float:left;
clear:left;
}

#forum .sections ul.section-nav a>li .exercise_count .count {
font-weight:700;
background:#eee;
}

#forum .sections ul.section-nav a>li .forum-stats {
float:right;
text-align:center;
background:#EEE;
color:#555;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 10px;
}

#forum .sections ul.section-nav a>li .forum-stats hr {
border:none;
border-bottom:1px solid #FFF;
margin:3px 0;
}

#forum .sections ul.section-nav a>li .section-progress {
width:100%;
clear:left;
border:none;
padding:0;
}

#forum .sections ul.section-nav a>li .section-progress .status {
float:left;
width:50%;
padding:5px 10px 5px 0;
}

#forum .sections ul.section-nav a>li:hover .forum-stats,#forum .sections ul.section-nav a>li:hover .exercise_count .count {
background:#DDD;
}

.discussion-forum #topics {
margin:0 20px;
}

.discussion-forum #topics li.forum-topic {
display:inline-block;
margin-right:10px;
background:#eee;
font-size:20px;
line-height:24px;
font-weight:700;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-box-shadow:inset 0 0 10px rgba(128,128,128,0.5),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 0 10px rgba(128,128,128,0.5),0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 0 10px rgba(128,128,128,0.5),0 0 0 rgba(0,0,0,0);
padding:10px 20px 10px 45px;
}

.discussion-forum #topics li.forum-topic:hover {
background:#CCC;
}

.discussion-header #feedback {
float:right;
width:250px;
margin-top:10px;
border:solid 1px #CCC;
background:#F3F3F3;
color:#005580;
-webkit-box-shadow:0 1px 0 #ccc,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 0 #ccc,0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 0 #ccc,0 0 0 rgba(0,0,0,0);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:10px;
}

.discussion-header #feedback:hover {
background:#E6E6E6;
color:#333;
}

.discussion-header #feedback p {
font-weight:400;
font-size:12px;
line-height:16px;
}

.forum_questions .modal .modal-header h2 {
margin:.5em;
}

.forum_questions .modal div.user_sign_in {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;
padding:0;
}

.forum_questions #right-col {
float:right;
width:270px;
}

.forum_questions #right-col ul li {
border-bottom:solid 1px #eee;
width:100%;
display:inline-block;
padding:8px 0;
}

.forum_questions #right-col ul li img {
float:left;
margin-right:10px;
width:30px;
height:30px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.forum_questions #right-col #sidebar {
position:absolute;
width:270px;
opacity:0.2;
filter:alpha(opacity=20);
-webkit-transition:opacity .1s linear;
-moz-transition:opacity .1s linear;
-ms-transition:opacity .1s linear;
-o-transition:opacity .1s linear;
transition:opacity .1s linear;
}

.forum_questions #right-col #sidebar h3 {
margin-bottom:10px;
color:#555;
}

.forum_questions #right-col #sidebar ol {
padding-left:20px;
}

.forum_questions #right-col #sidebar>div p {
color:#999;
margin-bottom:10px;
}

.forum_questions #right-col #sidebar .new_question_link {
width:242px;
font-size:18px;
line-height:32px;
cursor:pointer;
text-shadow:0 1px 0 rgba(0,0,0,0.5);
}

.forum_questions #right-col #sidebar .new_question_link .icon {
display:inline-block;
background:url(/assets/icons/speech-bubble-1d8cfdf7f6e27262815df5c02cefa67b.png) no-repeat;
width:24px;
height:18px;
margin-right:6px;
}

.forum_questions #right-col #sidebar>div.help {
width:200px;
background:url(/assets/icons/question-bubble-f97bfe10c26af48f25bf2794856ed464.png) no-repeat 10px 25px;
padding:20px 0 0 70px;
}

.forum_questions #right-col #sidebar>div.help h4 {
font-size:12px;
line-height:24px;
}

.forum_questions #right-col #sidebar>div.help #support {
padding:.5em 1em;
}

.forum_questions #right-col #sidebar #forum-guidelines {
margin-top:20px;
padding-top:20px;
border-top:solid 1px #eee;
}

.forum_questions #right-col #sidebar #new-questions {
padding-top:20px;
margin-top:20px;
border-top:solid 1px #eee;
}

.forum_questions #right-col #sidebar #new-questions .title {
float:left;
width:84%;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin:5px 0;
}

.forum_questions #right-col #sidebar #new-questions .points {
display:none;
float:right;
font-size:12px;
background:#eee;
color:#555;
font-weight:700;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
margin:5px 0;
padding:2px 8px;
}

.forum_questions #right-col #recent-courses {
padding-top:20px;
margin-bottom:10px;
}

.forum_questions #right-col #recent-courses p {
padding-bottom:10px;
margin:0!important;
}

li.forum_question,li.forum_response {
list-style:none;
position:relative;
display:inline-block;
width:100%;
padding:15px 0;
}

li.forum_question .details.answered,li.forum_response .details.answered {
padding-left:28px;
background:url(/assets/icn_completed-6af4c175e1e55e2b9ad5f08b6be4c436.png) no-repeat 0 0;
}

li.forum_question .byline img,li.forum_response .byline img {
float:left;
width:16px;
height:16px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin:2px 8px 0 0;
}

li.forum_question .byline a,li.forum_response .byline a {
display:inline;
max-width:120px;
overflow:hidden;
text-overflow:ellipsis;
}

li.forum_question p.title,li.forum_response p.title {
font-size:1.5em;
line-height:1.2em;
color:inherit;
margin:.25em 0 .5em;
}

li.forum_question .num_answers,li.forum_response .num_answers {
display:block;
float:right;
margin-left:10px;
font-size:14px;
text-align:center;
color:inherit;
background-color:#e5f6ff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 10px;
}

li.forum_question .num_answers.unanswered,li.forum_response .num_answers.unanswered {
color:#555;
background-color:#eee;
}

li.forum_question .num_answers span.hover-cta,li.forum_response .num_answers span.hover-cta {
background:#555;
color:#fff;
position:absolute;
right:4px;
top:52px;
font-size:12px;
line-height:16px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:2px;
}

li.forum_question .num_answers span,li.forum_response .num_answers span {
font-weight:700;
font-size:24px;
line-height:32px;
}

li.forum_question .response .entry p,li.forum_response .response .entry p {
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
}

li.forum_question {
border-bottom:1px solid #eee;
}

li.forum_question.qa .num_answers {
padding:5px 15px;
}

li.forum_question.qa .num_answers span.hover-cta {
padding:2px 5px;
}

li.forum_question:after {
position:absolute;
right:0;
top:15px;
opacity:0.8;
filter:alpha(opacity=80);
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}

li.forum_question.pinned:after {
content:url(/assets/forum-post-pinned-67768e5c5a17cbd83117813d140e1991.png);
}

li.forum_question.flagged:after {
content:url(/assets/forum-post-flagged-d81f4ce4bcdd1ebdd23239712a3444fc.png);
}

.forum_question #entry_preview #wmd-preview.wmd-panel,.forum_answer #entry_preview #wmd-preview.wmd-panel {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#FFF;
padding:10px;
}

.forum_question div.actions,.forum_answer div.actions {
height:20px;
float:right;
}

.forum_question div.actions div.spam,.forum_answer div.actions div.spam {
margin-right:30px;
}

.forum_question div.actions>div,.forum_answer div.actions>div {
display:block;
float:left;
cursor:pointer;
width:20px;
height:20px;
margin-left:10px;
opacity:0.2;
filter:alpha(opacity=20);
}

.forum_question div.actions .edit,.forum_answer div.actions .edit {
background:url(/assets/icons/edit-20x20-3b3e9019eddf858eed0743eb26fd1bce.png) no-repeat;
}

.forum_question div.actions .pin,.forum_answer div.actions .pin {
background:url(/assets/icons/pin-b7b2321f700b7bd48d0df3131b7ed652.png) no-repeat;
}

.forum_question div.actions .flag,.forum_answer div.actions .flag {
background:url(/assets/icons/flag-a9ee89e7f50001b5a08991c71fd1aa03.png) no-repeat;
}

.forum_question div.actions .best_answer,.forum_answer div.actions .best_answer {
opacity:1;
filter:alpha(opacity=100);
background:url(/assets/icons/checkmark-green-841e3226a197a86564f755a187393d08.png) no-repeat;
}

.forum_question div.actions .mark_best_answer,.forum_answer div.actions .mark_best_answer {
background:url(/assets/icons/checkmark-black-26d6427d4f74d7f88e9c93831929cb2b.png) no-repeat;
}

.forum_question div.actions .remove,.forum_answer div.actions .remove {
background:url(/assets/icons/delete-43ffa26de8101c34ce490c586bc48f9a.png) no-repeat;
}

div.forum_question .meta #forum-backlink,div.forum_answer .meta #forum-backlink {
font-size:14px!important;
width:75px;
}

div.forum_question span.deleted-notice,div.forum_answer span.deleted-notice {
float:left;
color:red;
background:#eee;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0 10px 5px 0;
padding:4px;
}

div.forum_question>.meta,div.forum_question>.meta>div,div.forum_answer>.meta,div.forum_answer>.meta>div {
float:left;
width:85px;
}

div.forum_question>.meta .actions,div.forum_answer>.meta .actions {
margin-top:20px;
height:auto;
}

div.forum_question>.meta .actions div,div.forum_answer>.meta .actions div {
width:100%;
padding-left:25px;
margin:5px 0;
}

div.forum_question>.digest,div.forum_answer>.digest {
border:3px solid #fcebc2;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:relative;
background:#FCFBE3;
width:550px;
float:right;
margin-bottom:20px;
padding:15px;
}

div.forum_question>.digest:after,div.forum_question>.digest:before,div.forum_answer>.digest:after,div.forum_answer>.digest:before {
right:100%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}

div.forum_question>.digest:after,div.forum_answer>.digest:after {
border-right-color:#fcfbe3;
top:85px;
margin-top:-10px;
border-width:10px;
}

div.forum_question>.digest:before,div.forum_answer>.digest:before {
border-right-color:#fcebc2;
top:85px;
margin-top:-14px;
border-width:14px;
}

div.forum_question>.digest .title,div.forum_answer>.digest .title {
margin:0 0 1em;
}

div.forum_question>.digest .title h2,div.forum_answer>.digest .title h2 {
line-height:1.2em;
margin:0;
}

div.forum_question>.digest hr,div.forum_answer>.digest hr {
border-top-color:#AAA;
}

div.forum_question>.digest .subscribe-link,div.forum_answer>.digest .subscribe-link {
font-size:13px;
float:right;
margin-top:3px;
padding:5px 8px;
}

div.forum_question>.responses,div.forum_answer>.responses {
float:left;
width:100%;
margin-top:15px;
border-bottom:solid 1px #eee;
zoom:1;
}

div.forum_question>.responses #sortAnswers,div.forum_question>.responses>label,div.forum_answer>.responses #sortAnswers,div.forum_answer>.responses>label {
float:right;
margin-left:10px;
margin-bottom:0;
}

div.forum_question .submit_response,div.forum_answer .submit_response {
float:left;
width:100%;
zoom:1;
margin:30px 0 0;
}

div.forum_question .new_forum_answer #wmd-editor,div.forum_answer .new_forum_answer #wmd-editor {
width:590px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:relative;
background:#eee;
border:1px solid #ddd;
padding:10px;
}

div.forum_question .new_forum_answer #wmd-editor:after,div.forum_question .new_forum_answer #wmd-editor:before,div.forum_answer .new_forum_answer #wmd-editor:after,div.forum_answer .new_forum_answer #wmd-editor:before {
right:100%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
left:100%;
border-right:none;
top:65px;
}

div.forum_question .new_forum_answer #wmd-editor:after,div.forum_answer .new_forum_answer #wmd-editor:after {
border-right-color:#eee;
top:85px;
margin-top:-10px;
border-left-color:#eee;
border-width:10px;
}

div.forum_question .new_forum_answer #wmd-editor:before,div.forum_answer .new_forum_answer #wmd-editor:before {
border-right-color:#ddd;
top:85px;
margin-top:-12px;
border-left-color:#ddd;
border-width:12px;
}

div.forum_question .new_forum_answer .user,div.forum_answer .new_forum_answer .user {
float:right;
width:62px;
margin-top:25px;
}

div.forum_question .new_forum_answer .user span.points,div.forum_answer .new_forum_answer .user span.points {
width:54px;
}

div.forum_question .new_forum_answer .user img,div.forum_answer .new_forum_answer .user img {
width:60px;
height:60px;
margin-bottom:10px;
}

div.forum_question .new_forum_answer #entry_preview #wmd-preview.wmd-panel,div.forum_answer .new_forum_answer #entry_preview #wmd-preview.wmd-panel {
background-color:#EEE;
}

.new_forum_question input[type*=text],.new_forum_question textarea,.edit_forum_question input[type*=text],.edit_forum_question textarea,.new_forum_answer input[type*=text],.new_forum_answer textarea,.edit_forum_answer input[type*=text],.edit_forum_answer textarea {
width:98%;
}

.new_forum_question textarea,.edit_forum_question textarea,.new_forum_answer textarea,.edit_forum_answer textarea {
height:150px;
max-height:500px;
resize:vertical;
}

.new_forum_question .actions,.edit_forum_question .actions,.new_forum_answer .actions,.edit_forum_answer .actions {
float:none!important;
}

.new_forum_question #context,.edit_forum_question #context,.new_forum_answer #context,.edit_forum_answer #context {
float:left;
margin:15px 0;
}

.new_forum_question #context>div,.edit_forum_question #context>div,.new_forum_answer #context>div,.edit_forum_answer #context>div {
float:left;
margin-right:5px;
}

.new_forum_question #context>div.btn-group,.edit_forum_question #context>div.btn-group,.new_forum_answer #context>div.btn-group,.edit_forum_answer #context>div.btn-group {
margin-top:-2px;
margin-right:0;
}

.new_forum_question #context>div.btn-group>a,.edit_forum_question #context>div.btn-group>a,.new_forum_answer #context>div.btn-group>a,.edit_forum_answer #context>div.btn-group>a {
color:#08c;
padding:4px 6px;
}

.new_forum_question #context>a,.new_forum_question #context>div>a,.edit_forum_question #context>a,.edit_forum_question #context>div>a,.new_forum_answer #context>a,.new_forum_answer #context>div>a,.edit_forum_answer #context>a,.edit_forum_answer #context>div>a {
font-size:12px;
background:#eee;
border:solid 1px #CCC;
text-shadow:0 1px 1px #fff;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:5px;
}

div.new_forum_question>.details h3,div.edit_forum_question>.details h3,div.new_forum_answer>.details h3,div.edit_forum_answer>.details h3 {
margin-bottom:.2em;
}

div.new_forum_question>.digest,div.edit_forum_question>.digest,div.new_forum_answer>.digest,div.edit_forum_answer>.digest {
background-color:#EEE;
width:660px;
border:none;
}

div.new_forum_question>.digest:after,div.new_forum_question>.digest:before,div.edit_forum_question>.digest:after,div.edit_forum_question>.digest:before,div.new_forum_answer>.digest:after,div.new_forum_answer>.digest:before,div.edit_forum_answer>.digest:after,div.edit_forum_answer>.digest:before {
right:auto;
border:none;
top:0;
margin:0;
}

div.new_forum_question>.digest .control-group,div.edit_forum_question>.digest .control-group,div.new_forum_answer>.digest .control-group,div.edit_forum_answer>.digest .control-group {
float:left;
width:100%;
margin:0;
}

div.new_forum_question>.digest #forum_question_title,div.edit_forum_question>.digest #forum_question_title,div.new_forum_answer>.digest #forum_question_title,div.edit_forum_answer>.digest #forum_question_title {
font-size:1.3em;
height:1.4em;
font-weight:700;
}

div.new_forum_question>.digest #wmd-editor,div.edit_forum_question>.digest #wmd-editor,div.new_forum_answer>.digest #wmd-editor,div.edit_forum_answer>.digest #wmd-editor {
float:left;
margin-left:5px;
width:590px;
}

div.new_forum_question .actions,div.edit_forum_question .actions,div.new_forum_answer .actions,div.edit_forum_answer .actions {
margin-top:15px;
min-height:30px;
}

li.forum_response {
position:relative;
padding:10px 0;
}

li.forum_response .callout {
float:left;
width:590px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position:relative;
background:#f8f8f8;
border:1px solid #e8e8e8;
-webkit-transition:border-color .1s linear;
-moz-transition:border-color .1s linear;
-ms-transition:border-color .1s linear;
-o-transition:border-color .1s linear;
transition:border-color .1s linear;
padding:10px;
}

li.forum_response .callout:after,li.forum_response .callout:before {
right:100%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
left:100%;
border-right:none;
top:50px;
}

li.forum_response .callout:after {
border-right-color:#f8f8f8;
top:85px;
margin-top:-10px;
border-left-color:#f8f8f8;
border-width:10px;
}

li.forum_response .callout:before {
border-right-color:#e8e8e8;
top:85px;
margin-top:-12px;
border-left-color:#e8e8e8;
border-width:12px;
}

li.forum_response div.votes {
float:left;
width:50px;
text-align:center;
border-right:solid 1px #DDD;
left:0;
}

li.forum_response div.votes.votable .vote {
opacity:0.75;
filter:alpha(opacity=75);
}

li.forum_response div.response {
position:relative;
margin-top:5px;
margin-left:10px;
}

li.forum_response div.response hr {
border-top-color:#CCC;
}

li.forum_response div.response .entry {
line-height:22px;
min-height:40px;
}

li.forum_response div.response>span.score {
float:left;
font-weight:700;
font-style:italic;
}

li.forum_response .vote {
-webkit-transition:border-color .15s linear;
-moz-transition:border-color .15s linear;
-ms-transition:border-color .15s linear;
-o-transition:border-color .15s linear;
transition:border-color .15s linear;
opacity:0.5;
filter:alpha(opacity=50);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

li.forum_response .vote.up,li.forum_response .vote.down {
text-indent:-9999px;
width:0;
height:0;
cursor:pointer;
border-left:12px solid transparent;
border-right:12px solid transparent;
border-bottom:12px solid #555;
margin:5px 12px;
}

li.forum_response .vote.down {
border-bottom:none;
border-top:12px solid #555;
}

li.forum_response .vote.up:hover {
border-bottom:12px solid #999;
}

li.forum_response .vote.down:hover {
border-top:12px solid #999;
}

li.forum_response .score {
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#999;
line-height:1em;
padding:2px 0;
}

li.forum_response .score span.count {
color:#555;
background:transparent;
font-size:2em;
line-height:.7em;
}

li.forum_response .accepted,li.forum_response .mark {
display:none;
text-indent:-9999px;
background-image:url(/assets/icons/answer_accepted-3af260dac60136b0e4820966410bcaea.png);
height:29px;
width:40px;
background-repeat:no-repeat;
background-position:0 0;
margin:15px auto 0;
}

li.forum_response .mark,li.forum_response .accepted:hover {
background-position:0 -29px;
}

li.forum_response .actions .plus-one {
font-weight:700;
font-size:1.6em;
margin-right:10px;
}

li.forum_answer div.response {
margin-left:70px;
}

.answer_comments_block {
float:left;
width:590px;
border:solid 1px #eee;
border-top:none;
margin-top:-3px;
border-bottom-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-transition:border-color .1s linear;
-moz-transition:border-color .1s linear;
-ms-transition:border-color .1s linear;
-o-transition:border-color .1s linear;
transition:border-color .1s linear;
padding:3px 10px 0;
}

.answer_comments_block a.show-more {
width:610px;
display:block;
text-align:center;
margin-left:-10px;
background-color:#F3F3F3;
border-bottom:1px solid #DDD;
cursor:pointer;
padding:4px 0;
}

.answer_comments_block a.add_comment {
float:right;
margin-top:3px;
margin-bottom:-7px;
}

.answer_comments_block ul.comments {
list-style-type:none;
float:left;
width:100%;
}

.answer_comments_block .comment_form_block {
float:left;
width:100%;
opacity:0.5;
filter:alpha(opacity=50);
-webkit-transition:opacity .1s linear;
-moz-transition:opacity .1s linear;
-ms-transition:opacity .1s linear;
-o-transition:opacity .1s linear;
transition:opacity .1s linear;
margin:7px 0;
}

.answer_comments_block .comment_form_block textarea.add_comment_form {
width:84%;
max-height:100px;
resize:vertical;
margin:0;
}

.answer_comments_block .comment_form_block input.create_comment {
margin-top:0;
font-size:12px;
padding:8px 10px;
}

.answer_comments_block li.forum_response_comment {
color:#938683;
overflow:auto;
padding:2px 0;
}

.answer_comments_block li.forum_response_comment .comment-details {
display:inline-block;
width:100%;
margin-bottom:2px;
}

.answer_comments_block li.forum_response_comment .comment-details img {
width:15px;
margin-right:5px;
margin-top:-3px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.answer_comments_block li.forum_response_comment .comment-details a.comment-username {
display:inline-block;
margin-right:8px;
max-width:400px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.answer_comments_block li.forum_response_comment .comment-details span {
font-size:12px;
}

.answer_comments_block li.forum_response_comment .comment-details a.remove-comment {
float:right;
font-size:16px;
color:#999;
}

.answer_comments_block li.forum_response_comment p.comment-entry {
padding-bottom:8px;
border-bottom:solid 1px #eee;
line-height:22px;
margin:0 0 8px 23px;
}

#sign-in-modal {
margin:-250px 0 0 -280px;
}

.rendered-markdown pre code,#wmd-preview pre code {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:10px;
display:block;
white-space:pre-wrap;
padding:10px;
}

.submit_response .markdown .item pre {
background:#EEE;
}

.mark_best_answer {
opacity:0.3;
}

#wmd-button-row {
position:relative;
height:20px;
margin:10px 5px 5px;
padding:0;
}

.wmd-spacer {
width:1px;
height:20px;
margin-left:14px;
position:absolute;
background-color:Silver;
display:inline-block;
list-style:none;
}

.wmd-button {
width:20px;
height:20px;
margin-left:5px;
margin-right:5px;
cursor:pointer;
position:absolute;
background-image:url(wmd-buttons.png);
background-repeat:no-repeat;
background-position:0 0;
display:inline-block;
list-style:none;
}

.wmd-button>a {
width:20px;
height:20px;
margin-left:5px;
margin-right:5px;
position:absolute;
display:inline-block;
}

#wmd-button-bar #wmd-bold-button {
left:0;
background-position:0 0;
}

#wmd-button-bar #wmd-italic-button {
left:25px;
background-position:-20px 0;
}

#wmd-button-bar #wmd-spacer1 {
left:50px;
}

#wmd-button-bar #wmd-link-button {
left:75px;
background-position:-40px 0;
}

#wmd-button-bar #wmd-quote-button {
left:100px;
background-position:-60px 0;
}

#wmd-button-bar #wmd-code-button {
left:125px;
background-position:-80px 0;
}

#wmd-button-bar #wmd-image-button {
left:150px;
background-position:-100px 0;
}

#wmd-button-bar #wmd-spacer2 {
left:175px;
}

#wmd-button-bar #wmd-olist-button {
left:200px;
background-position:-120px 0;
}

#wmd-button-bar #wmd-ulist-button {
left:225px;
background-position:-140px 0;
}

#wmd-button-bar #wmd-heading-button {
left:250px;
background-position:-160px 0;
}

#wmd-button-bar #wmd-hr-button {
left:275px;
background-position:-180px 0;
}

#wmd-button-bar #wmd-spacer3 {
left:300px;
}

#wmd-button-bar #wmd-undo-button {
left:325px;
background-position:-200px 0;
}

#wmd-button-bar #wmd-redo-button {
left:350px;
background-position:-220px 0;
}

#wmd-button-bar #wmd-help-button {
right:0;
background-position:-240px 0;
}

.wmd-prompt-background {
background-color:#000;
}

.wmd-prompt-dialog {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#F5F5F5;
padding:10px 20px;
}

.wmd-prompt-dialog>div {
font-size:.8em;
font-family:arial, helvetica, sans-serif;
}

.wmd-prompt-dialog>form>input[type=text] {
border:1px solid #999;
color:#000;
}

.wmd-prompt-dialog>form>input[type=button] {
border:1px solid #888;
font-family:trebuchet MS, helvetica, sans-serif;
font-size:.8em;
font-weight:700;
}

.ui-menu {
font-family:Helvetica, Arial, sans-serif!important;
}

.ui-menu .ui-menu-item a {
margin:0;
padding:2px 5px;
}

.ui-menu #ui-active-menuitem {
font-weight:700;
border:none;
background:#DDD;
color:#000;
cursor:pointer;
margin:0;
}

.moderator_panel ul.moderator_list li.moderator_block {
position:relative;
float:left;
width:194px;
margin-bottom:15px;
border:1px solid #e7e6dc;
margin-right:25px;
padding:0 15px 0 0;
}

.moderator_panel .moderator_flash_message {
position:relative;
display:inline-block;
bottom:2px;
color:gray;
left:10px;
}

.user-role {
font-size:11px;
background-color:#dedede;
display:inline-block;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:0 4px;
}

.user-card p {
font-size:13px;
line-height:16px;
color:#999;
margin:0;
}

.user-card .profile-image-container {
background-color:#FFF;
margin-bottom:10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 0 rgba(0,0,0,0);
padding:3px;
}

.user-card .points {
font-size:10px;
background:#333;
color:#FFF;
font-weight:700;
text-align:center;
}

.forum_question .user-card {
width:85px;
}

.forum_response .user-card,.new_forum_answer .user-card {
width:62px;
float:right;
}

.new_forum_answer .user-card {
margin-top:25px;
}

.new_forum_question>.digest .user-card,.edit_forum_question>.digest .user-card,.new_forum_answer>.digest .user-card,.edit_forum_answer>.digest .user-card {
float:left;
width:60px;
margin-top:40px;
-webkit-animation:fade-in 1s 1;
-moz-animation:fade-in 1s 1;
-ms-animation:fade-in 1s 1;
}

p.score {
top:0;
right:0;
background:#EFEFEF;
font-size:2.5em;
font-weight:700;
text-align:center;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:12px 15px;
}

p.score small {
font-size:.5em;
margin-left:-5px;
}

#user .fields .profile_image_url img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
float:left;
background:#eee;
border:1px solid #ddd;
margin-right:10px;
padding:5px;
}

.set_username table {
width:300px;
margin:20px auto;
}

.set_username td:last-child div {
width:70px;
text-align:left;
}

.set_username .available,.set_username .taken {
display:none;
font-weight:700;
padding:0 0 5px 25px;
}

.set_username .available {
color:green;
background:url(/assets/icons/checkmark-20x20-6899358f89bae0517b16a6b97bc9a56a.png) no-repeat 0 -3px;
}

.set_username .taken {
color:#C60000;
background:url(/assets/icons/cross-9949a87508ebca1e1f726969456e499d.png) no-repeat 0 -2px;
}

#bio_field {
height:130px;
width:375px;
}

.mail_settings table td:first-child {
min-width:250px;
padding-right:50px;
}

.mail_settings .actions td {
padding-top:20px;
}

div.user-new,div.user-sign-in {
width:560px;
background:#FFF;
border:solid 1px #CCC;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 3px 5px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0);
box-shadow:0 3px 5px rgba(0,0,0,0.15),0 0 0 rgba(0,0,0,0);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:40px auto 20px;
}

div.user-new .header,div.user-sign-in .header {
background:url(/assets/header_noise_light-4c16a8ef737b8fe5853c1b06b6303373.png) repeat-x;
border-bottom:solid 1px #999;
}

div.user-new .header h2,div.user-sign-in .header h2 {
font-size:32px;
line-height:40px;
text-align:center;
margin-bottom:0;
text-shadow:0 1px 2px #FFF;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
padding:12px 0;
}

div.user-new .subheader,div.user-sign-in .subheader {
width:100%;
background:#f0f0f0;
text-align:center;
border-bottom:solid 1px #CCC;
color:#555;
font-weight:700;
font-size:16px;
line-height:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:10px;
}

div.user-new .body,div.user-sign-in .body {
min-height:250px;
padding:20px;
}

div.user-new .body form,div.user-sign-in .body form {
width:420px;
margin:0 auto 20px;
}

div.user-new .body input[type=text],div.user-new .body input[type=password],div.user-new .body input[type=email],div.user-sign-in .body input[type=text],div.user-sign-in .body input[type=password],div.user-sign-in .body input[type=email] {
font-size:20px;
font-weight:700;
line-height:24px;
height:36px;
width:400px;
float:left;
border:solid 3px #EEE;
border-radius:5px;
box-shadow:inset 0 0 3px #888;
display:block;
margin:5px auto;
padding:4px 8px;
}

div.user-new .body .remember-me,div.user-sign-in .body .remember-me {
display:inline-block;
margin:5px;
padding:5px;
}

div.user-new .body .remember-me label,div.user-sign-in .body .remember-me label {
display:inline;
margin-left:5px;
}

div.user-new .body input[type=submit],div.user-sign-in .body input[type=submit] {
float:right;
margin:5px;
}

div.user-new .line-through,div.user-sign-in .line-through {
float:left;
width:100%;
clear:both;
border-top:1px solid #DDD;
text-align:center;
position:relative;
margin:0 0 20px;
}

div.user-new .line-through p,div.user-sign-in .line-through p {
position:absolute;
width:100%;
text-align:center;
top:-12px;
}

div.user-new .line-through span,div.user-sign-in .line-through span {
background:#FFF;
padding:0 10px;
}

div.user-new .providers,div.user-sign-in .providers {
width:100%;
margin-bottom:20px;
}

div.user-new .providers a.sign-up,div.user-sign-in .providers a.sign-up {
display:inline-block;
width:100px;
font-size:18px;
line-height:24px;
color:#FFF;
background-repeat:no-repeat;
background-position:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition:opacity .1s linear;
-moz-transition:opacity .1s linear;
-ms-transition:opacity .1s linear;
-o-transition:opacity .1s linear;
transition:opacity .1s linear;
margin:0 10px;
padding:10px 0 10px 50px;
}

div.user-new .providers a.sign-up:active,div.user-sign-in .providers a.sign-up:active {
-webkit-box-shadow:inset 0 .2em .5em rgba(0,0,0,0.2),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 .2em .5em rgba(0,0,0,0.2),0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 .2em .5em rgba(0,0,0,0.2),0 0 0 rgba(0,0,0,0);
opacity:1;
filter:alpha(opacity=100);
}

div.user-new .providers a.sign-up.twitter,div.user-sign-in .providers a.sign-up.twitter {
background-image:url(/assets/social_media/twitter-icon-6bae92bd82246ae8798be29e8de52300.png);
background-color:#02aced;
}

div.user-new .providers a.sign-up.facebook,div.user-sign-in .providers a.sign-up.facebook {
background-image:url(/assets/social_media/facebook-icon-9d12cb195e1547479a4e1914d4a18630.png);
background-color:#3b5998;
}

div.user-new .providers a.sign-up.google,div.user-sign-in .providers a.sign-up.google {
background-image:url(/assets/social_media/google-icon-83fb42a239950ceac2856b051d13d2fb.png);
background-color:#eee;
color:#555;
}

div.user-new .providers .fb-facepile,div.user-sign-in .providers .fb-facepile {
display:block;
width:300px;
margin:10px auto 0;
}

div.user-new .body {
min-height:350px;
}

div.user-new input#user_password {
width:180px;
}

div.user-new input#user_password_confirmation {
width:180px;
float:right;
}

div.forgot-password .body {
min-height:120px;
}

#devise-links {
width:560px;
list-style:none;
margin:0 auto;
}

div.v2.user_new {
width:820px;
}

div.v2.user_new .row:first-child,div.v2.user_new .row:last-child {
text-align:left;
margin-bottom:10px;
margin-left:1px;
}

div.v2.user_new .input-large {
width:314px;
}

div.v2.user_new .span5 {
text-align:left;
height:165px;
margin-bottom:15px;
}

div.v2.user_new .span5:first-child {
margin-left:0;
text-align:right;
margin-right:19px;
border-right:1px solid #ddd;
}

#linked_in_field {
width:375px;
}

#taller_row {
height:172px;
}

#char_count {
position:relative;
right:28px;
font-size:12px;
color:gray;
}

div.streak_box {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#EFEFEF;
text-align:center;
padding:5px 0 2px;
}

div.streak_box h3 {
font-size:2.5em;
margin:0;
padding:0;
}

div.streak_box h3 span {
font-size:.5em;
text-transform:lowercase;
color:#999;
margin:0 0 0 -5px;
}

div.point_box {
background:#EFEFEF;
text-align:center;
margin-left:5px;
font-size:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 0 2px;
}

div.point_box h3 {
text-align:center;
font-size:2.8em;
margin:2px 0 0;
padding:0;
}

div.point_box span {
text-align:center;
color:#999;
font-size:16px;
line-height:15px;
margin-top:5px;
}

#profile ul.nav,#userAchievements ul.nav {
margin-bottom:0;
border-bottom:none;
position:absolute;
top:-37px;
right:0;
}

#profile ul.nav li a,#userAchievements ul.nav li a {
margin-right:0;
margin-left:2px;
}

#profile div.main>div,#userAchievements div.main>div {
position:relative;
float:left;
width:100%;
margin-bottom:30px;
}

#profile div.sidebar,#userAchievements div.sidebar {
display:inline;
float:left;
margin-right:0;
width:270px;
height:100%;
}

#userAchievements h2 em {
font-style:normal;
font-weight:400;
}

#userAchievements td {
text-align:center;
vertical-align:top;
width:150px;
padding:0 30px 30px 0;
}

#userAchievements div.achievement {
display:inline-block;
width:100%;
height:100%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 2px 0 #a39d92,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 2px 0 #a39d92,0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 2px 0 #a39d92,0 0 0 rgba(0,0,0,0);
border:1px solid #f3f3e9;
}

#userAchievements div.achievement div {
margin:15px 15px 5px;
}

#userAchievements div.achievement p {
font-size:12px;
color:#333;
font-weight:400;
margin:5px 15px 10px;
}

#userAchievements div.achievement p span.name {
line-height:1.2em;
font-weight:700;
}

#profile .photo_container {
margin-right:30px;
-webkit-box-shadow:1px 1px 5px 0 rgba(78,65,53,0.2),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:1px 1px 5px 0 rgba(78,65,53,0.2),0 0 0 rgba(0,0,0,0);
box-shadow:1px 1px 5px 0 rgba(78,65,53,0.2),0 0 0 rgba(0,0,0,0);
}

#profile .photo_container,#profile .photo_container .photo,#profile .photo_container img {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#profile .photo_container .photo {
-webkit-box-shadow:inset 0 0 15px 0 #4e4135,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 0 15px 0 #4e4135,0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 0 15px 0 #4e4135,0 0 0 rgba(0,0,0,0);
}

#profile .photo_container img {
width:140px;
height:140px;
z-index:-1;
}

#profile .photo_container h3 {
font-weight:400;
text-align:center;
font-size:18px;
color:#81786c;
margin:0;
padding:2px 0 9px;
}

#profile .about_container {
width:520px;
}

#profile .about_container .external_info,#profile .about_container .about {
font-size:12px;
color:#81786c;
}

#profile .about_container .about {
min-height:15px;
margin:5px 0 10px;
}

#profile .about_container .location {
padding-left:15px;
background:url(/assets/user/geopin-5149e61a3abf2cd47397a5fb5e25e077.png) 0 2px no-repeat;
color:#a39d92;
}

#profile .about_container .website {
margin-top:10px;
padding-left:20px;
background:url(/assets/user/link-eaf443af394905335bf89693d233125b.png) 0 4px no-repeat;
}

.user .box,#sidebar .box {
position:relative;
margin-bottom:25px;
}

.user .box h4 em,#sidebar .box h4 em {
margin-left:5px;
font-style:normal;
font-weight:400;
}

.user .box .see_all,#sidebar .box .see_all {
font-size:12px;
position:absolute;
right:0;
top:0;
}

.user .box .see_all_achievements,#sidebar .box .see_all_achievements {
font-size:12px;
position:absolute;
right:0;
top:5px;
}

.user .recent_activity>div,#sidebar .recent_activity>div {
width:100%;
border-bottom:1px solid #e7e6dc;
}

.user .recent_activity>div .description,#sidebar .recent_activity>div .description {
font-size:12px;
line-height:1.5em;
margin:10px 0;
}

.pages.tabbed>div {
border-top-right-radius:0;
-webkit-border-top-right-radius:0;
}

.courses_taught,.courses_taken {
border:1px solid #e7e6dc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.courses_taught .course_taught:last-child,.courses_taught .badge_block,.courses_taught .badge_block .rating {
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}

.courses_taught .badge_block {
border:1px solid #e7e6dc;
}

.courses_taught li.course_taught {
border-bottom:1px solid #e7e6dc;
list-style:none;
position:relative;
min-height:127px;
padding:5px 0;
}

.courses_taught .title {
border-bottom:1px solid #e7e6dc;
}

.courses_taught .rating {
border-top:1px solid #a39d92;
}

.courses_taught li.course_taught:hover {
background:#fcfcf6;
}

.courses_taught li.course_taught>a {
display:block;
font-weight:inherit;
}

.courses_taught li.course_taught .badge_block {
position:absolute;
top:10px;
left:10px;
-webkit-box-shadow:0 1px 2px 0 #a39d92,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 2px 0 #a39d92,0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 2px 0 #a39d92,0 0 0 rgba(0,0,0,0);
background:linear-gradient(top,#fcfcf70%,#e7e5dd100%);
}

.courses_taught li.course_taught .badge_block .badge_container,.courses_taught li.course_taught .badge_block .rating {
-webkit-box-shadow:inset 0 0 1px 1px #fff,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 0 1px 1px #fff,0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 0 1px 1px #fff,0 0 0 rgba(0,0,0,0);
}

.courses_taught li.course_taught .badge_block .badge_container {
padding:10px 10px 5px;
}

.courses_taught li.course_taught .badge_block .badge {
width:69px;
height:69px;
margin:0;
}

.courses_taught li.course_taught .badge_block .rating {
width:100%;
padding:4px 0;
}

.courses_taught li.course_taught .badge_block .rating .star:first-child {
margin-left:7px;
}

.courses_taught li.course_taught .badge_block .rating .star {
display:inline-block;
height:15px;
width:15px;
background:url(/assets/icn_star_empty-578b5d937b3d4cf96fcdbe0bdefb7052.png) no-repeat;
}

.courses_taught li.course_taught .badge_block .rating .star.full {
background:url(/assets/icn_star_full-45e7a603198f9ffe9ab59895d2acec1e.png) no-repeat;
}

.courses_taught li.course_taught .title,.courses_taught li.course_taught .description {
margin:0;
padding:10px 10px 10px 120px;
}

.courses_taught li.course_taught .title {
color:#4e4135;
font-weight:700;
}

.courses_taken .track,.courses_taken .non_track {
clear:both;
border-bottom:1px solid #e7e6dc;
}

.courses_taken .progress_bar,.courses_taken .profile_image img,.courses_taken .progress,.courses_taken .course_block {
border:1px solid #a39d92;
}

.courses_taken h5 {
margin-top:-7px;
color:#aba19c;
}

.courses_taken .percent_complete {
display:inline-block;
font-size:48px;
}

.courses_taken .name {
font-weight:700;
font-size:18px;
}

.courses_taken .name a {
font-weight:400;
border-bottom:1px dotted #302820;
font-size:12px;
}

.courses_taken .track:hover .overview .progress {
background-image:url();
}

.courses_taken .track .overview,.courses_taken .non_track .overview {
position:relative;
padding:15px;
}

.courses_taken .track .overview .header .num_achievements,.courses_taken .non_track .overview .header .num_achievements {
position:absolute;
top:10px;
right:15px;
font-weight:700;
padding:4px 8px 0 3px;
}

.courses_taken .track .overview .header .num_achievements img,.courses_taken .non_track .overview .header .num_achievements img {
display:inline-block;
margin:-1px -2px 2px 0;
}

.courses_taken .track .overview .progress.completed .percent_complete,.courses_taken .non_track .overview .progress.completed .percent_complete {
font-size:20px;
}

.courses_taken .track .overview .progress.completed .progress_bar,.courses_taken .non_track .overview .progress.completed .progress_bar {
clear:none;
float:right;
margin-top:2px;
width:90%;
}

.courses_taken .track .overview .progress,.courses_taken .non_track .overview .progress {
-webkit-box-shadow:inset 0 0 5px 0 rgba(78,65,53,0.3),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 0 5px 0 rgba(78,65,53,0.3),0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 0 5px 0 rgba(78,65,53,0.3),0 0 0 rgba(0,0,0,0);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-top:10px;
background-image:url(top_track_pattern.png);
padding:15px 20px;
}

.courses_taken .track .overview .progress .avatar_container,.courses_taken .non_track .overview .progress .avatar_container {
position:absolute;
top:-70px;
left:50%;
margin-left:-26px;
width:300px;
}

.courses_taken .track .overview .progress .avatar_container .course_name,.courses_taken .non_track .overview .progress .avatar_container .course_name {
font-size:14px;
font-weight:700;
margin-bottom:4px;
color:#302820;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.courses_taken .track .overview .progress .avatar_container a.resume_course_button,.courses_taken .non_track .overview .progress .avatar_container a.resume_course_button {
display:inline;
width:auto;
font-size:11px;
}

.courses_taken .track .overview .progress .avatar_container .profile_image,.courses_taken .non_track .overview .progress .avatar_container .profile_image {
float:left;
background:url(/assets/icn_avatar-2b0a6ee24e2b63c806929abb91719c1e.png) no-repeat;
margin:5px 10px 0 0;
padding:4px 5px 20px 4px;
}

.courses_taken .track .overview .progress .avatar_container .profile_image img,.courses_taken .non_track .overview .progress .avatar_container .profile_image img {
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:38px;
height:38px;
}

.courses_taken .track .overview .progress .avatar_container.flip .course_info,.courses_taken .non_track .overview .progress .avatar_container.flip .course_info {
position:relative;
right:310px;
text-align:right;
}

.courses_taken .track .overview .progress .progress_bar,.courses_taken .non_track .overview .progress .progress_bar {
height:15px;
width:100%;
clear:both;
background-color:#d9d5cd;
border-top:1px solid #4e4135;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-webkit-box-shadow:inset 0 2px 4px 0 rgba(78,65,53,0.75),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 2px 4px 0 rgba(78,65,53,0.75),0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 2px 4px 0 rgba(78,65,53,0.75),0 0 0 rgba(0,0,0,0);
}

.courses_taken .track .overview .progress .bar_segment:first-child a.completed,.courses_taken .track .overview .progress .bar_segment:first-child a.started,.courses_taken .non_track .overview .progress .bar_segment:first-child a.completed,.courses_taken .non_track .overview .progress .bar_segment:first-child a.started {
margin-left:4px;
border-left:1px solid #226a00;
border-top-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-bottom-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
}

.courses_taken .track .overview .progress .bar_segment:last-child a.completed,.courses_taken .track .overview .progress .bar_segment:last-child a.started,.courses_taken .non_track .overview .progress .bar_segment:last-child a.completed,.courses_taken .non_track .overview .progress .bar_segment:last-child a.started {
margin-right:3px;
border-right:1px solid #226a00;
border-top-right-radius:3px;
-webkit-border-top-right-radius:3px;
border-bottom-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
}

.courses_taken .track .overview .progress .bar_segment,.courses_taken .non_track .overview .progress .bar_segment {
border-right:1px solid #81786c;
margin-right:-1px;
height:15px;
float:left;
position:relative;
}

.courses_taken .track .overview .progress .bar_segment a,.courses_taken .non_track .overview .progress .bar_segment a {
display:block;
margin-top:4px;
margin-left:1px;
height:6px;
}

.courses_taken .track .overview .progress .bar_segment a.started,.courses_taken .non_track .overview .progress .bar_segment a.started {
border:1px solid #6a5b00;
border-left:none;
background:linear-gradient(top,#d2c1020%,#948c00100%);
}

.courses_taken .track .overview .progress .bar_segment a.started.current,.courses_taken .non_track .overview .progress .bar_segment a.started.current {
background:url(/assets/icn_active_bar_segment-658caab6715f97b195384b93df327c90.png) repeat-x;
}

.courses_taken .track .overview .progress .bar_segment a.completed,.courses_taken .non_track .overview .progress .bar_segment a.completed {
border-top:1px solid #226a00;
border-bottom:1px solid #226a00;
border-left:1px solid #3dbf0f;
background:linear-gradient(top,#3fc4100%,#288a0a100%);
}

.courses_taken .track .overview .progress .bar_segment div.challenge,.courses_taken .non_track .overview .progress .bar_segment div.challenge {
position:absolute;
top:-3px;
left:50%;
margin-left:-7px;
}

.courses_taken .track .overview .progress .bar_segment img.challenge_label,.courses_taken .non_track .overview .progress .bar_segment img.challenge_label {
position:absolute;
z-index:2;
}

.courses_taken .track .overview .progress .bar_segment img.glow_effects,.courses_taken .non_track .overview .progress .bar_segment img.glow_effects {
position:absolute;
left:-20px;
top:-16px;
z-index:1;
}

.courses_taken .track .overview .progress .bar_segment:last-child,.courses_taken .non_track .overview .progress .bar_segment:last-child {
border-right:none;
margin-right:0;
}

.courses_taken .track .track_achievements,.courses_taken .non_track .track_achievements {
background-image:url(/assets/top_track_pattern-5614801b69c91b71b94690a82facc811.png);
border-top:1px solid #a39d92;
overflow:hidden;
width:100%;
position:relative;
-webkit-box-shadow:inset 0 1px 5px 0 rgba(78,65,53,0.3),0 0 0 rgba(0,0,0,0);
-moz-box-shadow:inset 0 1px 5px 0 rgba(78,65,53,0.3),0 0 0 rgba(0,0,0,0);
box-shadow:inset 0 1px 5px 0 rgba(78,65,53,0.3),0 0 0 rgba(0,0,0,0);
padding:0 0 18px;
}

.courses_taken .track .track_achievements .close_track_bottom_section,.courses_taken .non_track .track_achievements .close_track_bottom_section {
position:absolute;
font-size:10px;
background:url(/assets/icons/remove-sprite-10x10-11db86023f4326f9fe7712be5a91b2d0.png) no-repeat 0 0;
height:10px;
width:10px;
top:5px;
right:7px;
}

.courses_taken .track .track_achievements .course_list .course_block:hover,.courses_taken .non_track .track_achievements .course_list .course_block:hover {
border:1px solid #4e4135;
}

.courses_taken .track .track_achievements .course_list .course_block,.courses_taken .non_track .track_achievements .course_list .course_block {
height:60px;
width:320px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 3px 0 #a39d92,0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 1px 3px 0 #a39d92,0 0 0 rgba(0,0,0,0);
box-shadow:0 1px 3px 0 #a39d92,0 0 0 rgba(0,0,0,0);
float:left;
background-color:#FFF;
margin:15px 0 0 15px;
}

.courses_taken .track .track_achievements .course_list .course_block .course_badge,.courses_taken .non_track .track_achievements .course_list .course_block .course_badge {
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
position:relative;
width:60px;
border-right:1px solid #a39d92;
margin-right:9px;
}

.courses_taken .track .track_achievements .course_list .course_block .course_badge,.courses_taken .track .track_achievements .course_list .course_block .course_info,.courses_taken .non_track .track_achievements .course_list .course_block .course_badge,.courses_taken .non_track .track_achievements .course_list .course_block .course_info {
float:left;
height:100%;
}

.courses_taken .track .track_achievements .course_list .course_block .course_badge .small_badge,.courses_taken .non_track .track_achievements .course_list .course_block .course_badge .small_badge {
width:43px;
height:43px;
position:relative;
top:9px;
left:9px;
}

.courses_taken .track .track_achievements .course_list .course_block .course_badge.unlocked,.courses_taken .non_track .track_achievements .course_list .course_block .course_badge.unlocked {
background:url(/assets/icn_unlocked_bg-f3fde0a4de52833a1d5372f2d6e9e965.gif) repeat;
}

.courses_taken .track .track_achievements .course_list .course_block .course_badge.challenge,.courses_taken .non_track .track_achievements .course_list .course_block .course_badge.challenge {
background:url(/assets/icn_challenge_dark_bg-6b8e3dc5e160a64ef4de438c71b3631d.gif) repeat;
}

.courses_taken .track .track_achievements .course_list .course_block .course_badge.challenge.lock,.courses_taken .non_track .track_achievements .course_list .course_block .course_badge.challenge.lock {
background:url(/assets/icn_challenge_bg-4a53742a4e464c167e989e9c12057d54.gif) repeat;
}

.courses_taken .track .track_achievements .course_list .course_block .course_badge .lock,.courses_taken .non_track .track_achievements .course_list .course_block .course_badge .lock {
position:absolute;
border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-bottom-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
z-index:1;
top:0;
left:0;
width:60px;
height:60px;
background:rgba(231,230,220,0.9) url(/assets/icn_lock-82e5170ea5abd7b9421ba2d1f7b38af3.png) no-repeat 19px 15px;
}

.courses_taken .track .track_achievements .course_list .course_block .course_name,.courses_taken .non_track .track_achievements .course_list .course_block .course_name {
color:#4e4135;
font-size:13px;
line-height:14px;
width:230px;
margin:8px 0 2px;
}

.courses_taken .track .track_achievements .course_list .course_block .course_unit,.courses_taken .non_track .track_achievements .course_list .course_block .course_unit {
color:#aba19c;
font-size:11px;
font-weight:400;
}

#twitter-email label {
width:50px;
}

#twitter-email td {
text-align:left;
vertical-align:top;
}

#twitter-email .controls #twitter-email {
display:block;
font-size:16px;
width:330px;
padding:5px 10px;
}

#twitter-email div.actions button {
margin-left:10px;
font-size:16px;
}

#overlay>div.user-new,#sign-in-modal {
width:560px;
padding:0;
}

#overlay>div.user-new .close,#sign-in-modal .close {
position:absolute;
right:0;
font-size:24px;
margin:5px 10px;
}

#overlay>div.user-new #devise-links,#sign-in-modal #devise-links {
display:inline-block;
width:100%;
padding-top:10px;
border-top:solid 1px #eee;
}

#topic .header {
position:relative;
margin-bottom:30px;
}

#topic .tab_block ul.tabs {
border-bottom:1px solid #C6C6C6;
margin-bottom:20px;
}

#language .main {
position:relative;
display:inline;
float:left;
width:930px;
margin-right:62px;
}

#language .meta {
position:relative;
display:inline;
float:left;
margin-right:0;
width:390px;
}

#language .header {
position:relative;
margin:0 0 20px;
padding:10px 0;
}

#language .header h1 {
font-size:2em;
margin:0;
}

#language .header h3 {
clear:both;
font-size:1.35em;
line-height:1.35em;
font-weight:400;
margin:0;
padding:15px 0 0;
}

#language .courses h5.more_courses {
position:absolute;
top:-7px;
right:0;
}

.languages.edit .language .actions,.languages.new .language .actions {
position:absolute;
bottom:19px;
left:350px;
}

.clearfix:before,.clearfix:after,#courses .trial_warning .heads_up:before,#courses .trial_warning .heads_up:after,#courses #course_list_container div.header:before,#courses #course_list_container div.header:after,#courses #sidebar #sidebar_main>div:before,#courses #sidebar #sidebar_main>div:after,#courses #sidebar #sidebar_main #up_next .progress_container .progress_status:before,#courses #sidebar #sidebar_main #up_next .progress_container .progress_status:after,#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container:before,#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container:after,#course_list .course_item .course_details:before,#course_list .course_item .course_details:after,.course_list .course_item .course_details:before,.course_list .course_item .course_details:after,div.forum_question>.responses:before,div.forum_question>.responses:after,div.forum_answer>.responses:before,div.forum_answer>.responses:after,div.forum_question .submit_response:before,div.forum_question .submit_response:after,div.forum_answer .submit_response:before,div.forum_answer .submit_response:after {
display:table;
content:"";
}

.clearfix:after,#index .intro .actions .buttons div,.tab_block ul.pages,.js-tabs ul.pages,div.tabbed-radio .field,form.tabbed-radio .field,.clear,.users .edit_form table,#courses .trial_warning .heads_up:after,#courses #course_list_container div.header:after,#courses #sidebar #sidebar_main>div:after,#courses #sidebar #sidebar_main #up_next .progress_container .progress_status:after,#courses #sidebar #sidebar_main #up_next .progress_container .progress_bar_container:after,#course_list .course_item .course_details:after,.course_list .course_item .course_details:after,.remove_author_form,#holistic_form #free_response_value #free_response_label,div.forum_question>.responses:after,div.forum_answer>.responses:after,div.forum_question .submit_response:after,div.forum_answer .submit_response:after,.user .main_box,#sidebar .main_box {
clear:both;
}

body #container>#content,body #header>div,body #footer>div,body #notice,body .two_col,body .three_col,#courses,#profile,#userAchievements,#language {
position:relative;
clear:both;
width:990px;
margin:0 auto;
}

body .two_col,#container,#container #content {
overflow:visible;
}

body .two_col>div:first-child,#profile div.main,#userAchievements div.main {
display:inline;
float:left;
margin-right:30px;
width:690px;
}

body #index .two_col>div:last-child,#section #exercise_sidebar .exercises select {
width:310px;
}

body .three_col>div:last-child,.courses.creator #why li:last-child,#about_us .portraits li:nth-child(3n+3),#jobs .portraits li:nth-child(3n+3),#update_ie_message ul.browsers li:last-child,#course .header .labels form:last-child {
margin-right:0;
}

ol.terms li,ul.list,ol.list,.new_course table,.new_lesson table,div.v2.user_new .remember_me {
margin:20px 0;
}

#translation_notification .register form,.markdown h4,.markdown h5,.markdown pre,#overlay>div .action *,.banner h1,.banner h2,.banner h3,.banner h4,.banner h5,.banner h6,.inline_edit_form textarea,.inline_edit_form input[type*=text],.new_course h4,.new_course p,.new_lesson h4,.new_lesson p,.console .log p:last-child,.console .error p:last-child,#section #breadcrumb p,#section #repl .submissions select,#section #exercise_sidebar .exercises_old .feedback,#style_guide #classification-overview p:last-child,#course .edit_form li.lesson p,#course .review_status>div form,#course .header div.course_progress div.badge,li.course .stats .section_count form,li.course .stats .exercise_count form,li.course .stats .language form,li.course .stats .classification form,#courses p,#courses form,ul.collab_list form,#new_readiness_feedback,.edit_readiness_feedback,#forum #question-list-footer .pagination,#forum .sections ul.section-nav a>li .section-progress .status .progress,li.forum_question .details p,li.forum_response .details p,.forum_question #formatting_details .markdown,.forum_answer #formatting_details .markdown,div.forum_question>.responses h3,div.forum_answer>.responses h3,.new_forum_question form,.edit_forum_question form,.new_forum_answer form,.edit_forum_answer form,li.forum_response form,li.forum_response p,.moderator_panel ul.moderator_list form,#user .fields form,.set_username form,.set_username p,#profile .about_container h2,#profile .about_container h3,#profile .about_container h4,#profile .about_container p,#profile .about_container .external_info>span:first-child,.courses_taken .track .overview .progress.completed h3,.courses_taken .non_track .overview .progress.completed h3,#twitter-email {
margin:0;
}

#translation_notification .continue,#index section.three_col,.courses.creator #intro,#update_ie_message,#registration_wall,div.v2.user_new .row {
text-align:center;
}

#index .intro .actions a.get_started span,#index .intro .actions a.get_started small,#courses_index_old li.challenge h3 a:hover {
color:#FFF;
}

#index .intro .actions h3,#index .intro .actions .buttons,li.forum_response div.response p.byline {
float:left;
margin:0;
}

#index .intro .button small,#content #sidebar .profile_badges_block span,#content .sidebar .profile_badges_block span {
font-size:14px;
}

.courses.creator #sign_in p,#jobs .location .description p.walk-score,.new_course label,.new_lesson label,#section #exercise_sidebar .exercises_old .instruction *,#section #exercise_sidebar .exercises_old .exercise .name span,#section #exercises li span,#section #exercises li a,#section #repl .tabs li span,#section #repl .tabs li a,#section #exercise_details .tabs li span,#section #exercise_details .tabs li a,.vote_count_for_admin,li.course .stats .language,li.course .stats .topic,li.course .stats .classification,#courses #course_list_container #no_search_results p:first-child,.forum_question #entry_preview p.post_preview,.forum_answer #entry_preview p.post_preview,.new_forum_question .field label,.edit_forum_question .field label,.new_forum_answer .field label,.edit_forum_answer .field label {
font-weight:700;
}

#about_us div.main,#about_us div.sidebar,#jobs div.main,#jobs div.sidebar,#jobs .location,#jobs .location .map,#jobs .location .description,#content #sidebar div.current_streak_box,#content .sidebar div.current_streak_box,#header .logo,.social_button,#user_badge>div>div,#sidebar>div#user_badge>div>div,#notices .notice .achievements .badges,#notices .notice .achievements h3,#section #repl .console,#section #section_actions .breadcrumb,#section #exercises p,#section #exercises ul,#section #section_nav .prev_section,#section.edit #section_nav .prev_section,#feedback ul,#feedback li,#feedback .entry,#feedback .actions,#feedback-pane a.ex-nav#prev-exercise,#feedback-pane #feedback-unread,#course .header div.course_progress>div,#courses_index_old li.challenge .status div,#course_creator .header h2,#courses #course_list_container div.header p.beta_mode label,#courses #course_list_container div.header p.beta_mode input,#courses #course_list_container div.header div#filter p,#courses #course_list_container div.header div#filter div,#languages_nav,.add_author_form,li.forum_question .details,li.forum_response .details,div.forum_question .new_forum_answer .actions label,div.forum_answer .new_forum_answer .actions label,div.new_forum_question .actions label,div.edit_forum_question .actions label,div.new_forum_answer .actions label,div.edit_forum_answer .actions label,#devise-links li:first-child,#profile .photo_container,#profile .about_container,.user .recent_activity>div,.user .recent_activity>div .badge,.user .recent_activity>div .description,#sidebar .recent_activity>div,#sidebar .recent_activity>div .badge,#sidebar .recent_activity>div .description,.courses_taught li.course_taught .badge_block .rating,.courses_taught li.course_taught .badge_block .rating .star {
float:left;
}

#about_us .portraits li:hover div.hover,#jobs .portraits li:hover div.hover,#user_badge>div .scores>span:hover span.name,#sidebar>div#user_badge>div .scores>span:hover span.name,.arrow-list li a:hover p.blurb,.tab_block>ul.pages>li.active,.js-tabs>ul.pages>li.active,.tab_block ul.pages>li:first-child,.js-tabs ul.pages>li:first-child,div.tabbed-radio .tabbed-radio-description ul li:first-child,form.tabbed-radio .tabbed-radio-description ul li:first-child,.inline_editable.editing input,.inline_editable.editing textarea,#section #exercise_sidebar .exercises_old .active>.block,#section #exercise_sidebar .exercises>li.active,li.section div.exercise a:hover .details,#courses #sidebar #sidebar_main #up_next a,li.forum_response span.score,li.forum_response span.accepted,li.forum_response .score span,#userAchievements div.achievement p span,.courses_taken .track .track_achievements .course_list .course_block .course_name,.courses_taken .track .track_achievements .course_list .course_block .course_unit,.courses_taken .non_track .track_achievements .course_list .course_block .course_name,.courses_taken .non_track .track_achievements .course_list .course_block .course_unit,#topic .tab_block ul.pages>li:first-child {
display:block;
}

#about_us .contact p.media-inquery,#jobs .contact p.media-inquery,#content .stay_in_touch p,.arrow-list,#section #edit_form #section_details p,#section #exercise_details #language_examples p,#section #exercise_details .editor,#feedback p,#feedback .langs,#course .review_status>div#submit_for_review p,#course .header p.breadcrumb,#course .header p.entry,#course .header h2,#course .header .course_actions .row,li.course .status .actions.admin,#pending_review p,.send_feedback_email_form,li.forum_response div.response p {
margin-bottom:10px;
}

#about_us .blog,#jobs .blog,#jobs .sidebar>div li:last-child {
margin-bottom:25px;
}

#about_us .blog li.post,#jobs .blog li.post,#jobs .carousel li,.tab_block ul,.js-tabs ul,#error_explanation ul,#flash_alert ul,#flash_error ul,#flash .error p ul,#run-error ul,#section #exercises li ul,#section #repl .tabs li ul,#section #exercise_details .tabs li ul,#courses_index_old #language .units,#courses ul,.forum_questions #right-col ul {
list-style:none;
}

#jobs .carousel img,#throbber.left,.left#forum-throbber,.discussion-header .section_details {
width:690px;
}

#resumator-wrapper #resumator-jobs .resumator-job:first-child,li.course:first-child,li.section:first-child {
border-top:none;
padding-top:0;
}

#resumator-wrapper #resumator-jobs .resumator-job-title,#resumator-wrapper #resumator-jobs .resumator-jobs-text,#courses #course_list_container #clear_search_terms p a:hover {
color:#454545;
}

#resumator-wrapper #resumator-jobs .resumator-job-link:hover,#resumator-wrapper #resumator-jobs input:hover,#course .add_section_message input:hover,li.forum_question>a:hover,li.forum_response>a:hover,.new_forum_question #context>div.btn-group>a:hover,.edit_forum_question #context>div.btn-group>a:hover,.new_forum_answer #context>div.btn-group>a:hover,.edit_forum_answer #context>div.btn-group>a:hover {
color:#005580;
}

#resumator-logo,.tab_block>ul.pages>li,.js-tabs>ul.pages>li,.switch input,.hidden,#shared-modal,#overlay>div div#intro-container>div,#error_explanation h2,#flash_alert h2,#flash_error h2,#flash .error p h2,#run-error h2,.inline_editable .section-details-edit,.inline_editable.editing *,#editor,#section .exercise-view #code #default_code .web_view .tabs li input,#section .exercise-view #code #default_code .web_view .tabs li.editing a,#section .exercise-view #code #default_code .web_view .tabs li.editing div,#section #exercise_sidebar .exercises_old .feedback form.beta_tester_form,#section #exercises li .star,#section #exercise_sidebar .exercises>li,#section #exercise_sidebar .exercises .button.hidden,#feedback #read_feedback,#keyboard-shortcuts .keyboard .keyboard-toggle .show-less,#course #pending_review.started,#courses h2,#courses #course_list_container div.header div#filter div.sort.beta_mode .btn,#courses #course_list_container div.header div#filter div.sort p.disable-message,#courses #sidebar #course_creator_ad a h3,.stars_flash_message,#forum .exercises #filters,.sections#progress,li.forum_question .actions,.forum_question #formatting_details,.forum_question #render_preview,.forum_answer #formatting_details,.forum_answer #render_preview,.submit_response .user-card .timestamp,.submit_response .user-card .submitted-by,#twitter-email .help-inline {
display:none;
}

#content .stay_in_touch form,h4,h5,h6,.list li:last-child,#section #exercise_details h4,#section #exercise_sidebar .exercises_old .name,#section #exercise_sidebar .exercises_old .hint .entry p:last-child,#style_guide #table-of-contents ul ul,#feedback p:last-child,form#new_course label,form#new_course .actions p,.confirm_share form,#editable_courses .tab_block .header,#editable_courses .remove_author_form,.forum_question #error_explanation ul,.forum_answer #error_explanation ul,.new_forum_question .field:last-child,.edit_forum_question .field:last-child,.new_forum_answer .field:last-child,.edit_forum_answer .field:last-child,.answer_comments_block li.forum_response_comment:last-child p.comment-entry,.rendered-markdown pre code :last-child,#wmd-preview pre code :last-child {
margin-bottom:0;
}

#content .stay_in_touch ul,#footer ul.locales,.markdown,#overlay>div .new_course .actions,#overlay>div .new_lesson .actions,li.section>p.updated_at,#course .edit_form li.lesson .status p,#course .review_status>div p,#course .review_status>div table,#forum #search ul.topics ~ form,.forum_response .user-card {
margin-top:10px;
}

#content .achievements,#content .call_to_action,#overlay>div h1,#course .edit_form .course_description,.rendered-markdown h1,.rendered-markdown h2,.rendered-markdown h3,.rendered-markdown h4,.rendered-markdown h5,.rendered-markdown h6,#wmd-preview h1,#wmd-preview h2,#wmd-preview h3,#wmd-preview h4,#wmd-preview h5,#wmd-preview h6 {
margin:0 0 20px;
}

#content #sidebar .streak_title,#content .sidebar .streak_title,.new_course .field,.new_lesson .field,form#new_course select,div.forum_question>.meta,div.forum_answer>.meta,.user .box h4,#sidebar .box h4 {
margin-bottom:15px;
}

#content #sidebar .badge_block,#content .sidebar .badge_block,#section .exercise-view #code #default_code .web_view .tabs li,#section #exercises_view,#section #section_actions,#section #exercise_details #language_examples li.example div,#section #exercises #exercise_tabs li.changed,li.course,#courses_index_old #language .header,#editable_courses .status,.user .box .badge_count_box,#sidebar .box .badge_count_box,.courses_taken .track .track_achievements .course_list,.courses_taken .non_track .track_achievements .course_list,#language .courses {
position:relative;
}

#content #sidebar div.best_streak_box,#content .sidebar div.best_streak_box,#codertag .account_info,#overlay>div div#intro-nav a#next,#section #breadcrumb,#section #exercise_details .archive_all,#section #exercise_details .toggle_read_visible,#section #exercise_sidebar .exercises .actions a:last-child,#section #exercise_sidebar .exercises .button.right,#section #section_nav .next_section,#section.edit #exercise_sidebar h2 .button,#section.edit #section_nav .next_section,#feedback-pane a.ex-nav#next-exercise,#feedback-pane .feedback-list button,#feedback-pane #feedback-archived,.feedbacks form input,#courses_index_old #language .units .topic table.content,.course_feedback .link_to_course_edit,#devise-links li:last-child,#profile .about_container a.edit_user,.courses_taken .percent_complete.flip {
float:right;
}

#content #sidebar .badge_count,#content .sidebar .badge_count,.user .box .badge_count_profile,#sidebar .box .badge_count_profile {
background-color:#EEE;
position:absolute;
bottom:4px;
right:0;
}

#footer *,.console a,pre .nginx .built_in,#section #section_actions p.byline,#section #exercise_sidebar .exercises_old .instruction code *,#forum .sections ul.section-nav a>li p,#profile .about_container .website a {
font-weight:400;
}

#footer li.twitter iframe,.new_course h4,.new_lesson h4 {
margin-bottom:-5px;
}

a.minimal,input[type*=submit].view:hover,.console .jqconsole-prompt,.console .jqconsole-old-prompt,#section #exercise_sidebar .exercises .exercise ol li,#section #exercise_sidebar .exercises .exercise ul li,#feedback-pane a.ex-nav:hover,li.forum_question>a:hover .num_answers.unanswered,li.forum_response>a:hover .num_answers.unanswered,li.forum_question .num_answers.unanswered:hover,li.forum_response .num_answers.unanswered:hover,li.forum_response div.response li,.rendered-markdown li,#wmd-preview li {
color:#333;
}

ul,ol,#flash>div p,#error_explanation p,#course .header p,#courses_index_old #language .units .topic h3,#courses_index_old #language .units .topic table {
margin:0;
padding:0;
}

.list li,li.course p,li.section p,.new_course p,.new_lesson p,#section #section_details.single h2,#section #exercise_sidebar .exercises_old .feedback p.anonymous_notice,.course_feedback .header,.other_sections,div.forum_question>.digest .details,div.forum_answer>.digest .details,.new_forum_question .field p:first-child,.edit_forum_question .field p:first-child,.new_forum_answer .field p:first-child,.edit_forum_answer .field p:first-child,.courses_taken .track .overview .progress.completed h5,.courses_taken .non_track .overview .progress.completed h5 {
margin-bottom:5px;
}

.secondary-font-color,small,li.course .status .complete,li.section .status .complete,.console .jqconsole-old-input,#feedback-pane #feedback-archived .feedback-entry,.forum_question p.byline,.forum_question span.byline,.forum_answer p.byline,.forum_answer span.byline,div.forum_question>.digest .details p,div.forum_answer>.digest .details p {
color:#999;
}

td.actions,.forum_question #entry_preview,.forum_answer #entry_preview,.user-new .email_suggestion a.email {
padding-top:10px;
}

form.button_to,form.button_to>div,#section label,#course .edit_form label,#courses #course_list_container #search_form *,#courses #course_list_container div.header div#filter div.sort.beta_mode p.disable-message,#courses #course_list_container div.header div#filter div.sort *,li.forum_question>a:hover .num_answers.unanswered .hover-cta,li.forum_response>a:hover .num_answers.unanswered .hover-cta,li.forum_question .num_answers.unanswered:hover .hover-cta,li.forum_response .num_answers.unanswered:hover .hover-cta,div.v2.user_new .form-inline,div.v2.user_new .field_with_errors {
display:inline;
}

small.required,.console .error,.console .wrong {
color:#DC143C;
}

.ui-sortable>li:hover,.ui-sortable>li:hover a,#section #exercises li a:hover,#course .edit_form li.lesson:hover {
cursor:move;
}

#twitter_button,li.course .stats .section_count select,li.course .stats .exercise_count select,li.course .stats .language select,li.course .stats .classification select {
width:120px;
}

.markdown h4,.markdown h5,#section #section_details h2 {
line-height:1em;
margin-bottom:10px;
}

.markdown h4,span.cm-meta,span.cm-qualifier,#forum .sections>h4,div.user-new .body,div.user-new .body p,div.user-sign-in .body,div.user-sign-in .body p {
color:#555;
}

.markdown .item,.markdown .category,ul.courses,ul.lessons,#section #repl.web-view ul.tabs,#courses_index_old #language .units,#courses_index_old #language .topic,#course_creator .header,.courses.index #language {
float:left;
width:100%;
}

.markdown .item:nth-child(odd) h5,.markdown .item:nth-child(odd) pre,.answer_comments_block li.forum_response_comment .comment-details span.spam {
margin-left:10px;
}

#user_badge>div .scores>span,#sidebar>div#user_badge>div .scores>span,div.tabbed-radio .field label,form.tabbed-radio .field label,.editor .submissions label,.editor .scratch .submissions label,.editor .actions button.reset,.editor .submissions label,#section #repl.web-view .submissions label,li.course .status .actions span,.collab_add form label {
margin-right:5px;
}

.arrow-list li.current a,#courses_index_old #language .units .topic:nth-child(even) {
background:#F0F8FF;
}

.arrow-list li.current a:after,.arrow-list li a:hover:after,.arrow-list li a.current:after {
border-left:13px solid #F0F8FF;
}

.tab_block ul.pages>li,.js-tabs ul.pages>li,#topic .tab_block ul.pages>li {
display:none;
position:relative;
}

.tab_block ul.pages>li a.green,.js-tabs ul.pages>li a.green,#topic .tab_block ul.pages>li a.green {
width:auto;
position:absolute;
top:-5px;
right:0;
padding:9px 7px;
}

.tab_block .tabs>li,.js-tabs .tabs>li,#course .header .course_actions form,#topic .tab_block .tabs>li {
display:inline;
margin:0;
}

.tab_block .tabs>li>a,.js-tabs .tabs>li>a,#topic .tab_block .tabs>li>a {
display:inline-block;
border:1px solid #C6C6C6;
border-bottom:none;
margin:0;
padding:5px 10px;
}

.tab_block .tabs>li.active>a,.tab_block .tabs>li:hover>a,.js-tabs .tabs>li.active>a,.js-tabs .tabs>li:hover>a,#topic .tab_block .tabs>li.active>a,#topic .tab_block .tabs>li:hover>a {
color:#333;
background:#E0E0E0;
}

.cb-enable:last-child a,.cb-enable:last-child span,.cb-disable:last-child a,.cb-disable:last-child span,#feedback-pane ul#filters li:last-child {
border-right:none;
}

.switch label,div.tabbed-radio ul.tabbed-radio-tabs li:hover label,form.tabbed-radio ul.tabbed-radio-tabs li:hover label,.editable,#courses .trial_warning .heads_up:hover,.email_suggestion:hover,.courses_taken .track:hover .overview:hover {
cursor:pointer;
}

.field.switch label:last-child,.courses_taken .track .track_achievements .course_list .course_block .course_info,.courses_taken .non_track .track_achievements .course_list .course_block .course_info {
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
}

.field.switch label.selected a,#section #exercises li.add_exercise a:hover,#section #repl .tabs li.add_exercise a:hover,#section #exercise_details .tabs li.add_exercise a:hover {
color:inherit;
}

div.tabbed-radio,form.tabbed-radio,#overlay>div .new_course,#overlay>div .new_lesson {
margin-bottom:0;
text-align:left;
}

#overlay>div .badges,#section #exercise_sidebar .exercises_old .exercise p,.rendered-markdown p,#wmd-preview p,.courses_taught li.course_taught p {
margin:0 0 10px;
}

#overlay>div .action a,.show_course_stats_button {
width:auto;
}

#flash_error,span.cm-error,.preview-console .error {
color:red;
}

#notices .notice .achievements .badge:first-child,#profile .about_container .external_info>span,.courses_taken .track .overview .header .name a,.courses_taken .non_track .overview .header .name a {
margin-left:15px;
}

#notices .notice .achievements .badges,#courses #course_list_container #clear_search_terms p {
margin:0;
padding:0;
}

#hiring_notice a,.editor .actions button.run {
margin-right:20px;
}

#hiring_notice div.social_button,#hiring_notice a,#holistic_form #not_ready {
display:inline-block;
float:left;
}

#registration_wall .button.close,#section div.feedback input[disabled],#section div.feedback .upvote:hover,#section div.feedback .downvote:hover,.mark_best_answer:hover {
opacity:1;
}

.inline_edit_form .form_actions,#feedback>h4,.forum_question #formatting_instructions,.forum_answer #formatting_instructions {
margin:10px 0;
}

li.course .status span.published,li.section .status span.published,#section #section_actions p {
font-weight:700;
margin-right:5px;
}

li.course .status>p,li.section .status>p,#view_holistic_feedback,#send_feedback,#edit_feedback,div.new_forum_question>.digest #wmd-editor textarea,div.edit_forum_question>.digest #wmd-editor textarea,div.new_forum_answer>.digest #wmd-editor textarea,div.edit_forum_answer>.digest #wmd-editor textarea,.answer_comments_block li.forum_response_comment:first-child {
margin-top:5px;
}

.new_course td,.new_lesson td,#course .review_status>div.share_message td {
vertical-align:middle;
}

.editor .submissions select,.editor .scratch .submissions select,#section #repl.web-view .submissions select {
width:110px;
height:auto;
}

.editor .submissions,#section #repl.web-view .submissions {
margin-right:5px;
display:inline;
}

.editor .scratch,li.section .status p,#wmd-button-bar,.user-card .profile-image-container img {
width:100%;
}

span.cm-property,span.cm-operator,.console .jqconsole-input,pre code,pre .ruby .subst,pre .tag .title,pre .lisp .title,#feedback-pane ul#filters a.clicked,.answer_comments_block li.forum_response_comment .comment-details a.remove-comment:hover {
color:#000;
}

#example_exercise_title,#section #section_actions form,#section #classifications form,.section_unread_feedback_count,.section_exercises_count,#unread_feedback_in_tab {
display:inline-block;
}

.console .brace,.console .paren,.console .bracket {
color:lime;
}

.console .log p:first-child,.console .error p:first-child,.discussion-header #feedback h4,.user .recent_activity>div:first-child .description,#sidebar .recent_activity>div:first-child .description {
margin-top:0;
}

#section #repl.web-view .editor,.forum_questions #right-col #sidebar>div {
float:none;
margin-bottom:0;
}

#section #repl.web-view .editor .scratch,.courses_taken .track .overview .progress.completed .percent_complete.flip,.courses_taken .non_track .overview .progress.completed .percent_complete.flip {
float:none;
}

#section #repl.web-view .CodeMirror-scroll,#section #repl.web-view .editors-container .editor,#section #repl.web-view .editors-container .editor .scratch,#editable_courses .course_block:first-child .course_info,#editable_courses .course_block:first-child .course_stats {
border:none;
}

pre .css .tag,pre .javadoctag,pre .phpdoc,pre .yardoctag,pre .keyword,pre .id,pre .phpdoc,pre .title,pre .built_in,pre .aggregate,pre .smalltalk .class,pre .winutils,pre .bash .variable,pre .apache .tag,pre .go .typename,pre .tex .command,#courses #course_list_container div.header div#filter div.sort button.active {
font-weight:600;
}

#section #repl div.share-course-project,.features .submit_button,div.forum_question .new_forum_answer .actions,div.forum_answer .new_forum_answer .actions {
margin-top:15px;
}

#section #section_actions form select,#section #classifications form select {
width:100px;
}

#section #section_actions form.submit_for_review,#section div.feedback .votes {
float:right;
margin-left:15px;
}

#section #section_actions p span,#section #exercise_details,#courses #sidebar #sidebar_main #newbies .track:hover h4 span {
padding-left:10px;
}

#section #scratch_pad_console .jqconsole,#default_code .editors-container .editor .scratch {
height:400px;
}

#section #exercise_details #language_examples li.example,#feedback ul,#courses_index_old #language .header h1,.share_course h5,.new_forum_question .field,.edit_forum_question .field,.new_forum_answer .field,.edit_forum_answer .field,#topic .header h1,#language .meta>div {
margin-bottom:20px;
}

#section #exercise_details label[for=load_submission_from_previous_exercise],#section #exercise_sidebar .exercises .web_tabs label {
padding-right:5px;
}

#section #exercise_sidebar .exercises_old .exercise:last-child,#feedback li:last-child,#courses_index_old #language .units .topic:last-child,li.forum_question:last-child,li.forum_response:last-child,li.forum_response .forum_comment:last-child,.user .recent_activity>div:last-child,#sidebar .recent_activity>div:last-child,.courses_taught li.course_taught:last-child,.courses_taken .track:last-child,.courses_taken .non_track:last-child {
border-bottom:none;
}

#section #exercise_sidebar .exercises_old .hint,#holistic_form #free_response_value,#userAchievements table.achievements {
margin-top:30px;
}

#section #exercise_sidebar .exercises_old .feedback p.feedback_type,#style_guide h4,#course .add_section_message,#course .review_status,#course .review_status>div#submit_for_review p:last-child,#course_creator #no_courses .step_3,#course_creator #no_courses .step_4,#course_list .course_item .course_details .badge_container .lesson_count div:first-child,.course_list .course_item .course_details .badge_container .lesson_count div:first-child,#course_list .pagination,.course_list .pagination {
margin-top:20px;
}

#section #exercise_sidebar .exercises .instruction textarea,#section #exercise_sidebar .exercises .hint textarea,#courses_index_old .languages.edit .language textarea,#courses_index_old .languages.new .language textarea,.topics.edit .topic textarea,.topics.new .topic textarea,.languages.edit .language textarea,.languages.new .language textarea {
height:100px;
}

#section #exercise_sidebar .exercises .web_tabs span,#courses_index_old #language .units .topic table.content td:last-child {
padding-right:15px;
}

.edit_form li.section>div,#course .edit_form li.lesson>div {
padding-left:35px;
}

li.section .status,#twitter-email div.actions {
text-align:right;
}

#style_guide h3,.courses.index #language:last-child {
margin-top:40px;
}

#style_guide ul ul,#style_guide ul ol,#style_guide ol ul,#style_guide ol ol,#course_creator #whats_next>div ul,li.forum_response div.response ol,.rendered-markdown ol,#wmd-preview ol {
margin-left:20px;
}

#feedback .entry,#courses_index_old .languages.edit .language input[type*=text],#courses_index_old .languages.edit .language textarea,#courses_index_old .languages.new .language input[type*=text],#courses_index_old .languages.new .language textarea,.topics.edit .topic input[type*=text],.topics.edit .topic textarea,.topics.new .topic input[type*=text],.topics.new .topic textarea,.languages.edit .language input[type*=text],.languages.edit .language textarea,.languages.new .language input[type*=text],.languages.new .language textarea {
width:500px;
}

#feedback-pane .feedback-list li:hover,.ui-menu.ui-widget-content {
background:#eee;
}

.feedbacks .feedback_information,td label {
color:gray;
}

.hacker_settings h3,div.user-new .header span,div.user-sign-in .header span {
font-family:Lobster,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.features .form,#user .fields {
margin-bottom:40px;
}

#course .header div.course_progress div.badge img,#courses_index_old li.challenge .status img {
width:45px;
height:45px;
}

#editable_courses li.course:first-child .course_stats,.moderator_panel input[type=submit].button {
margin-top:-9px;
}

form#new_course div.units table td:first-child,.course.sandbox_course .header .course_actions,.email_suggestion_field {
width:300px;
}

form#new_course div.units table tr:first-child td,#forum .sections ul.section-nav a:first-child li {
border-top:none;
}

#courses_index_old #language .header .action,#topic .header .actions {
position:absolute;
top:10px;
right:0;
}

#courses_index_old .languages.edit .language,#courses_index_old .languages.new .language,.topics.edit .topic,.topics.new .topic,.languages.edit .language,.languages.new .language {
margin-top:40px;
position:relative;
}

#courses_index_old .languages.edit .language table td,#courses_index_old .languages.new .language table td,.topics.edit .topic table td,.topics.new .topic table td,.languages.edit .language table td,.languages.new .language table td {
padding:0 20px 20px 0;
}

#courses_index_old .languages.edit .language .actions,#courses_index_old .languages.new .language .actions,.topics.edit .topic .actions,.topics.new .topic .actions {
position:absolute;
bottom:19px;
left:300px;
}

#courses #sidebar #sidebar_main #up_next .progress_container,div.user-new .body h4,div.user-sign-in .body h4 {
text-align:center;
margin-bottom:10px;
}

.remove_collab,.moderator_panel ul.moderator_list .remove_moderator {
float:right;
position:relative;
top:9px;
}

ul.collab_list,#editable_courses .course_stats ul,.moderator_panel ul.moderator_list {
list-style-type:none;
}

ul.collab_list img,.moderator_panel ul.moderator_list img {
width:50px;
height:50px;
}

ul.collab_list .author_handle,.moderator_panel ul.moderator_list li.moderator_block .moderator_handle {
display:inline-block;
position:absolute;
right:55px;
top:5px;
width:91px;
}

.course_feedback .even,li.forum_response .callout pre,li.forum_response .callout code {
background:#FFF;
}

#editable_courses .course_info .end_collab,.courses_taken .track .overview .progress .avatar_container div:first-child,.courses_taken .non_track .overview .progress .avatar_container div:first-child {
margin-top:6px;
}

.single_course_stats,div.forum_question>.responses>label,div.forum_answer>.responses>label {
margin-top:4px;
}

#forum.show,#forum #search form input[type*=submit]:focus,.forum_questions #right-col #sidebar.show,.forum_question div.actions>div:hover,.forum_answer div.actions>div:hover,.forum_question div.actions .pin.active:hover,.forum_answer div.actions .pin.active:hover,.forum_question div.actions .flag.active,.forum_answer div.actions .flag.active,.forum_question div.actions .best_answer:hover,.forum_answer div.actions .best_answer:hover,li.forum_response:hover .comment_form_block,li.forum_response.active .comment_form_block {
opacity:1;
filter:alpha(opacity=100);
}

#forum #search form input[type*=submit]:hover,.forum_question div.actions .pin.active,.forum_answer div.actions .pin.active,div.user-new .providers a.sign-up:hover,div.user-sign-in .providers a.sign-up:hover {
opacity:0.8;
filter:alpha(opacity=80);
}

li.forum_question>a,li.forum_response>a,#userAchievements div.achievement:hover a p {
color:#08c;
}

div.forum_question .new_forum_answer .actions input[type=checkbox],div.forum_answer .new_forum_answer .actions input[type=checkbox],div.new_forum_question .actions input[type=checkbox],div.edit_forum_question .actions input[type=checkbox],div.new_forum_answer .actions input[type=checkbox],div.edit_forum_answer .actions input[type=checkbox] {
float:left;
margin:5px;
}

div.forum_question .new_forum_answer .actions .button,div.forum_answer .new_forum_answer .actions .button,div.new_forum_question .actions .button,div.edit_forum_question .actions .button,div.new_forum_answer .actions .button,div.edit_forum_answer .actions .button {
float:right;
margin:0 0 0 5px;
}

li.forum_response:hover .callout,li.forum_response:hover .answer_comments_block,li.forum_response.active .callout,li.forum_response.active .answer_comments_block,div.user-new .body input[type=text]:focus,div.user-new .body input[type=password]:focus,div.user-new .body input[type=email]:focus,div.user-sign-in .body input[type=text]:focus,div.user-sign-in .body input[type=password]:focus,div.user-sign-in .body input[type=email]:focus {
border-color:#CCC;
}

li.forum_response div.response ol,li.forum_response div.response ul,.rendered-markdown ul,.rendered-markdown ol,#wmd-preview ul,#wmd-preview ol {
margin:0 0 10px 15px;
}

#profile h1,#profile h2,#profile h3,#profile h4,#userAchievements h1,#userAchievements h2,#userAchievements h3,#userAchievements h4,.courses_taken .name,.courses_taken .name a,.courses_taken .percent_complete,.courses_taken .num_units {
color:#4e4135;
}

.user .recent_activity>div .time_ago,#sidebar .recent_activity>div .time_ago,.courses_taught li.course_taught .description {
color:#a39d92;
}

.courses_taught .course_taught:first-child,.courses_taught .badge_block,.courses_taught .badge_block .badge_container,#overlay>div.user-new .header,#sign-in-modal .header {
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}